1、Array.push()

使用 array.push() 方法,可以追加新的元素到原数组的末尾,push() 接收一个可变参数,可以一次性追加多个元素。这个方法会直接修改原数组:

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

2、Array.unshift()

是使用 array.unshift(),与 push() 的操作类似,只是把元素追加到数组的开始,它也会直接修改原数组:

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

3、Array.splice()

使用 array.splice(),splice() 方法既可以删除数组元素,也可以添加元素到数组中,splice() 第 1 个参数接收要添加或删除元素的索引位置,第 2 个参数指定要删除的元素个数,如果指定为 0,那么就是添加元素,第 3 个参数是变长参数,可以指定多个要添加的元素:

let arr = [1, 2, 3, 4];
arr.splice(4, 0, 5);
arr; // [1, 2, 3, 4, 5]
arr.splice(4, 0, 6, 7);
arr; // [1, 2, 3, 4, 6, 7, 5]

4、Array.concat()

使用 array.concat(),与 push() 类似,只是 array.concat() 既可以接收多个单个的值,也可以接收多个数组,或者是混合形式,它会把数组中的值拿出来,并追加到调用 concat() 的数组中,这个方法会返回一个新数组,不会修改原数组:

[1, 2, 3].concat(4, 5, 6);
//[1,2,3]4,5,6    //[1,2,3,4,5,6]
[1, 2, 3].concat(4, [5, 6], [7]);
//[1,2,3,4,5,6,7]

5、扩展运算符(...)

使用扩展运算符,扩展运算符与 concat() 的操作类似,使用它可以把展开的数组元素以及新添加的元素放到同一个数组中,同时也不会修改原数组,而是返回新数组:

[...[1, 2, 3], 4]; // [1, 2, 3, 4]
[...[1, 2, 3], ...[4, 5]]; // [1, 2, 3, 4, 5]

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐