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

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

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

Babel REPL示例

如果您知道最高索引（例如存储在变量“i”中），那么您可以

myArray[i + 1] = someValue;

然而，如果你不知道，那么你可以使用

myArray.push(someValue);

如其他答案所示，或者您可以使用

myArray[myArray.length] = someValue;

注意，数组是从零开始的，因此.length返回最高索引加1。

还要注意，您不必按顺序添加，实际上可以跳过值，如

myArray[myArray.length + 1000] = someValue;

在这种情况下，介于两者之间的值将具有未定义的值。

因此，当在JavaScript中循环以验证某个值是否确实存在时，这是一个很好的做法。

这可以通过以下方式实现：

if(myArray[i] === "undefined"){ continue; }

如果您确定数组中没有任何零，则可以执行以下操作：

if(!myArray[i]){ continue; }

当然，在这种情况下，请确保不要使用myArray[i]作为条件（正如互联网上的一些人根据结尾所建议的，一旦i大于最高索引，它将返回undefined，其结果为false）。

您可以使用push方法。

Array.prototype.append = function(destArray){
    destArray = destArray || [];
    this.push.call(this, ...destArray);
    return this;
}
var arr = [1,2,5,67];
var arr1 = [7,4,7,8];
console.log(arr.append(arr1)); // [7, 4, 7, 8, 1, 4, 5, 67, 7]
console.log(arr.append("Hola")) // [1, 2, 5, 67, 7, 4, 7, 8, "H", "o", "l", "a"]

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

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

附加单个项目

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

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

最初发布于

一些快速基准测试（每个测试=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;
    }
}