将值附加到数组

由于Array.prototype.push将一个或多个元素添加到数组的末尾，并返回数组的新长度，因此有时我们只想获得最新的数组，这样我们就可以这样做：

const arr = [1, 2, 3];
const val = 4;

arr.concat([val]); // [1, 2, 3, 4]

或者只是：

[...arr, val] // [1, 2, 3, 4]

push（）方法向数组末尾添加新项，并返回新长度。例子：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

// The result of fruits will be:
Banana, Orange, Apple, Mango, Kiwi

您的问题的确切答案已经得到了回答，但让我们看看向数组中添加项的其他方法。

unshift（）方法将新项添加到数组的开头，并返回新长度。例子：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon", "Pineapple");

// The result of fruits will be:
Lemon, Pineapple, Banana, Orange, Apple, Mango

最后，concat（）方法用于连接两个或多个数组。例子：

var fruits = ["Banana", "Orange"];
var moreFruits = ["Apple", "Mango", "Lemon"];
var allFruits = fruits.concat(moreFruits);

// The values of the children array will be:
Banana, Orange, Apple, Mango, Lemon

让数组长度属性执行以下操作：

myarray[myarray.length] = 'new element value added to the end of the array';

myarray.length返回数组中的字符串数。JavaScript是从零开始的，因此数组的下一个元素键将是数组的当前长度。

例子：

var myarray = [0, 1, 2, 3],
    myarrayLength = myarray.length; // myarrayLength is set to 4

使用Array.prototype.push方法将值附加到数组末尾：

//初始化数组变量arr=[“嗨”，“你好”，“你好”];//将新值附加到数组arr.push（“Hola”）；控制台日志（arr）；

您可以使用push（）函数在一次调用中将多个值附加到数组中：

//初始化数组var arr=[“Hi”，“你好”，“Bonjour”，“Hola”]；//将多个值附加到数组arr.push（“Salut”，“嘿”）；//显示所有值对于（变量i=0；i<arr.length；i++）{控制台日志（arr[i]）；}

使现代化

如果要将一个数组的项添加到另一个数组，可以使用firstArray.concat（secondArray）：

变量arr=[“苹果”，“香蕉”，“樱桃”];//不要忘记分配结果，因为与push不同，concat不会更改现有数组arr=arr.concat([“龙果”，“接骨木”，“无花果”]);控制台日志（arr）；

使现代化

如果你想在数组的开头加上任何值（即第一个索引），那么你可以使用array.prototype.unshift。

var arr=[1，2，3]；arr.unshift（0）；控制台日志（arr）；

它还支持像push一样一次附加多个值。

使现代化

ES6语法的另一种方法是使用扩展语法返回新数组。这使原始数组保持不变，但返回一个附加了新项的新数组，符合函数式编程的精神。

常量arr=[“嗨”，“你好”，“你好”，];常量newArr=[…arr，“致敬”，];console.log（newArr）；

附加单个项目

要将单个项附加到数组，请使用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)

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

最初发布于

使用新的ES6排列运算符，使用push连接两个阵列变得更加容易：

var arr=[1，2，3，4，5]；var arr2=[6，7，8，9，10]；arr.push（…arr2）；控制台日志（arr）；

这会将arr2的内容添加到arr的末尾。

Babel REPL示例