JS向数组中添加元素的方式

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]