JavaScript 向数组中添加元素

Question

JavaScript 数组有一个 push()。 将一个或多个元素添加到数组末尾的方法

const arr = ['a', 'b', 'c'];

arr.push('d');
arr; // ['a', 'b', 'c', 'd']

arr.push('e', 'f');
arr; // ['a', 'b', 'c', 'd', 'e', 'f']

追加到开头

这 push() 函数将一个新元素添加到数组的末尾。 要将元素添加到开头，您应该使用 unshift() 方法 。

const arr = ['d', 'e', 'f'];

arr.unshift('c');
arr; // ['c', 'd', 'e', 'f']

arr.unshift('a', 'b');
arr; // ['a', 'b', 'c', 'd', 'e', 'f']

追加到中间

要将元素附加到数组的开头或结尾以外的位置，请使用 splice()方法 。

const arr = ['a', 'b', 'd'];

let start = 2;
let deleteCount = 0;
arr.splice(start, deleteCount, 'c');

arr; // ['a', 'b', 'c', 'd'];

不可变方法

一些前端应用程序（通常是使用 React ）依靠不变性来更快地比较大型对象。push(), unshift() 和 splice() 方法修改数组，因此您不能在关注不变性的应用程序中使用它们。

要将元素添加到数组的末尾或开头，可以使用 concat() 方法 ：

let arr = ['c'];

arr = arr.concat(['d', 'e']);
arr; // ['c', 'd', 'e']

// You can also use `concat()` to add to the beginning of
// the array, just make sure you call `concat()` on an array
// containing the elements you want to add to the beginning.
arr = ['a', 'b'].concat(arr);
arr; // ['a', 'b', 'c', 'd', 'e']

另一种常见的模式是使用 扩展运算符 。

let arr = ['c'];

// Append to the end:
arr = [...arr, 'd', 'e'];
arr; // ['c', 'd', 'e']

// Append to the beginning:
arr = ['a', 'b', ...arr];
arr; // ['a', 'b', 'c', 'd', 'e']

arr = ['c'];
// Append to the middle:
arr = ['a', 'b', ...arr, 'd', 'e'];
arr; // ['a', 'b', 'c', 'd', 'e']