js数组中修改元素的方法

• 数组中添加元素的方法 .push() .unshift() .splice() .concat() …扩展运算符
• 数组中删除元素的方法 .pop() .shift() .splice()
• 数组中截取元素的方法 .slice()

一、数组中添加元素的方法

1. 使用 push 方法末尾追加元素

.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。

var arr = [1,2,3,4,5];
arr.push(6);
console.log(arr); // [1,2,3,4,5,6]

2. 使用 unshift 方法在数组的第一项前插入一个元素

.unshift() 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度。

var arr = [1,2,3,4,5];
arr.unshift(6);
console.log(arr); // [6,1,2,3,4,5]

3. 使用 splice 方法插入或删除一个元素

.splice(要修改的下标，删除个数，添加的元素) 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。

var arr = [1,2,3,4,5];
arr.splice(5,0,6);
console.log(arr); // [1,2,3,4,5,6]

4. 使用 concat 方法合并元素

.concat()方法用于将一个数组或值合并至一个数组中，该方法不会改变原数组。

var arr = [1,2,3,4,5];
var newArr = arr.concat(6,7);
console.log(newArr); // [1,2,3,4,5,6,7]

5. 使用 … 扩展运算符合并元素

展开语法 … : 可以在数组构造时, 将数组表达式在语法层面展开。

var arr = [1,2,3,4,5];
arr = [...arr,6,7];
console.log(arr); // [1,2,3,4,5,6,7]

二、数组中删除元素的方法

1. 使用 pop 方法追加元素

.pop() 方法删除数组的末尾元素，并返回该数组的新长度。

var arr = [1,2,3,4,5];
arr.pop();
console.log(arr); // [1,2,3,4]

2. 使用 shift 方法在数组的第一项前插入一个元素

.shift() 方法删除数组的第一个元素，并返回该数组的新长度。

var arr = [1,2,3,4,5];
arr.shift();
console.log(arr); // [2,3,4,5]

// eg:将数组第一项变成最后一项  适用于轮播展示数据
arr.push(arr.shift())  // arr ——> [2,3,4,5,1]

三、数组中截取元素的方法

.slice(开始下标，结束下标) 方法删除数组的第一个元素，不改变原数组。

var arr = [1,2,3,4,5,6,7,8,9];
var newArr = arr.slice(2,6); // 取值范围为[2,6),即截取下标为 2,3,4,5 所对应的值
console.log(newArr); // [3,4,5,6]