如何在数组中追加内容？

如何在JavaScript中将对象（如字符串或数字）附加到数组中？

当前回答

附加单个项目

要将单个项附加到数组，请使用array对象提供的push（）方法：

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')
console.log(fruits)

push（）对原始数组进行变异。

要创建新数组，请使用concat（）array方法：

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)

请注意，concat（）实际上并没有向数组中添加项，而是创建了一个新数组，您可以将其分配给另一个变量，或重新分配给原始数组（声明为let，因为无法重新分配常量）：

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)

let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')

附加多个项目

要将多个项附加到数组中，可以通过使用多个参数调用push（）：

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')
console.log(fruits)

您还可以使用前面看到的concat（）方法，传递一个用逗号分隔的项目列表：

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')
console.log(allfruits)

或阵列：

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])
console.log(allfruits)

请记住，如前所述，此方法不会改变原始数组，但会返回一个新数组。

最初发布于

其他回答

只想添加一个片段，用于非破坏性地添加元素。

var newArr = oldArr.concat([newEl]);

现在，您可以利用ES6语法

let array = [1, 2];
console.log([...array, 3]);

保持原始数组不变。

如果arr是数组，而val是要添加的值，请使用：

arr.push(val);

E.g.

var arr=[‘a’，‘b’，‘c’]；arr.push（'d'）；控制台日志（arr）；

我认为值得一提的是，push可以用多个参数调用，这些参数将按顺序附加到数组中。例如：

var arr=['first']；arr.push（'第二个'，'第三个'）；控制台日志（arr）；

因此，您可以使用push.apply将一个数组附加到另一个数组，如下所示：

var arr=['first']；arr.push（'第二个'，'第三个'）；arr.push.apply（arr，['forth'，'fifth']）；控制台日志（arr）；

带注释的ES5提供了更多关于推送和应用功能的信息。

2016年更新：使用spread，您不再需要应用，例如：

var arr=['first']；arr.push（'第二个'，'第三个'）；arr.push（…['furth'，'fifth']）；控制台日志（arr）；