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

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

使用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）；

现在大多数浏览器都支持ECMAScript 5（ES5）标准的JavaScript，您可以使用apply（）将array1附加到array2。

var array1 = [3, 4, 5];
var array2 = [1, 2];

Array.prototype.push.apply(array2, array1);

console.log(array2); // [1, 2, 3, 4, 5]

带有ECMAScript 6（ES6）标准的JavaScript，Chrome、Firefox、Internet Explorer和Edge支持该标准，您可以使用扩展运算符：

"use strict";
let array1 = [3, 4, 5];
let array2 = [1, 2];

array2.push(...array1);

console.log(array2); // [1, 2, 3, 4, 5]

排列运算符将替换array2.push（…array1）；带有阵列2.推（3，4，5）；当浏览器思考逻辑时。

加分

如果要创建另一个变量来存储两个数组中的所有项，可以执行以下操作：

ES5 var combinedArray=array1.concat（array2）；

ES6常量组合数组=[…array1，…array2]

扩展运算符（…）用于扩展集合中的所有项目。

一些快速基准测试（每个测试=500k附加元素，结果是多次运行的平均值）显示如下：

Firefox 3.6（Mac）：

小型阵列：arr[arr.length]=b更快（300ms vs.800ms）大型阵列：arr.push（b）更快（500ms vs.900ms）

Safari 5.0（Mac）：

小型阵列：arr[arr.length]=b更快（90ms比115ms）大型阵列：arr[arr.length]=b更快（160ms比185ms）

谷歌Chrome 6.0（Mac）：

小阵列：没有显著差异（而且Chrome速度很快！只有~38ms！！）大型阵列：无显著差异（160ms）

我更喜欢arr.push（）语法，但我认为我最好使用arr[arr.length]版本，至少在原始速度上。我很想看看IE运行的结果。

我的基准测试循环：

function arrpush_small() {
    var arr1 = [];
    for (a = 0; a < 100; a++)
    {
        arr1 = [];
        for (i = 0; i < 5000; i++)
        {
            arr1.push('elem' + i);
        }
    }
}

function arrlen_small() {
    var arr2 = [];
    for (b = 0; b < 100; b++)
    {
        arr2 = [];
        for (j = 0; j < 5000; j++)
        {
            arr2[arr2.length] = 'elem' + j;
        }
    }
}


function arrpush_large() {
    var arr1 = [];
    for (i = 0; i < 500000; i++)
    {
        arr1.push('elem' + i);
    }
}

function arrlen_large() {
    var arr2 = [];
    for (j = 0; j < 500000; j++)
    {
        arr2[arr2.length] = 'elem' + j;
    }
}

附加单个项目

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

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

最初发布于

如果要将单个值附加到数组中，只需使用push方法。它将在数组末尾添加一个新元素。

但是，如果您打算添加多个元素，请将这些元素存储在一个新数组中，并将第二个数组与第一个数组连接起来。。。无论你想怎样。

arr=['a','b','c'];
arr.push('d');
//now print the array in console.log and it will contain 'a','b','c','d' as elements.
console.log(array);