js专题-数组删除

2、数组删除

2.1. pop方法

pop: 删除数组的末尾元素，返回它删除的元素的值，改变原数组。

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

2.2. shift方法

shift: 删除数组的第一个元素，返回它删除的元素的值，改变原数组。

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

2.3. splice方法

splice（index，howmany，item1，…，itemX）: 删除从 index 处开始的零个或多个元素，返回被删除的元素的数组，第二个以后的参数为在index处插入的元素，改变原数组。

2.3.1. 从指定位置删除元素。

var arr = ['1','2','3'];
var deleteDataList = arr.splice(1,2); // 从下标1处删除两个元素
console.log(arr); // ['1']
console.log(deleteDataList); // ['2','3']

2.3.2. 从指定位置插入多个元素。

var arr = ['1','2','5'];
var deleteDataList = arr.splice(2,0,'3','4'); // 从下标为2的位置上插入多个元素
console.log(arr); // ['1','2','3','4','5']
console.log(deleteDataList); //  []  //第二个参数为0 不删除元素

2.3.3. 从指定位置删除元素并插入多个元素。

var arr = ['1','2','5'];
var deleteDataList = arr.splice(2,1,'3','4'); // 从下标为2的位置上删除一个元素后，再插入多个元素
console.log(arr); // ['1','2','3','4']
console.log(deleteDataList); //  ['5']