前端js截取数组的常用方法(记得收藏点赞)

话不多说，直接上代码

1.获取字符串末尾项的方法

获取字符串末尾项的方法：
var a = "erjhghjadsjf";
console.log(a[a.length-1]);
或者 
var  a =  "erjhghjadsjf";
console.log(a.charAt(a.length-1)); //charAt() 方法可返回指定位置的字符。
获取数组末尾项的方法：
var arr = [1,2,3,4,5,6,7,9];
console.log(arr[arr.length - 1]);

2.pop()

pop() 方法从数组中删除最后一个元素：
实例
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits 删除最后一个元素（"Mango"）
pop() 方法返回“被弹出”的值：
实例
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x 的值是 "Mango"

3.shift()

位移与弹出等同，但处理首个元素而不是最后一个。

shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 从 fruits 删除第一个元素 "Banana"
 
 
shift() 方法返回被“位移出”的字符串：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // 返回 "Banana"

4.unshift()

unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 向 fruits 添加新元素 "Lemon"
 
亲自试一试
unshift() 方法返回新数组的长度。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

5.push()

push() 方法（在数组结尾处）向数组添加一个新的元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  向 fruits 添加一个新元素
 
push() 方法返回新数组的长度：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =  fruits.push("Kiwi");   //  x 的值是 5

6.更改元素

通过使用它们的索引号来访问数组元素：

数组索引(下标)以 0 开始.[0] 是第一个数组元素,[1] 是第二个,[2] 是第三个 ...

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 把 fruits 的第一个元素改为 "Kiwi"

7.delete

既然JavaScript 数组属于对象,其中的元素就可以使用 JavaScript delete运算符来删除：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 把 fruits 中的首个元素改为 undefined

8.length()

length 属性提供了向数组追加新元素的简易方法：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 向 fruits 追加 "Kiwi

9,splice()

splice() 删除&替换/增加

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
 
第一个参数（2）从哪开始删除。
 
第二个参数（0）定义应删除多少元素。
 
其余参数 用什么补上被删除的元素，可以为空。
返回值是被删除的元素

10.concat()

concat() 方法通过合并（连接）现有数组来创建一个新数组：

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 连接 myGirls 和 myBoys
 
concat() 方法不会更改现有数组。它总是返回一个新数组。
concat() 方法可以使用任意数量的数组参数：

笔者还是最喜欢使用第九种 splice()方法，因为比较灵活，适用于多种场景，用起来比较顺手。当然，还是看个人爱好和使用场景来选择合适的方法。