您可以使用JavaScript Spread运算符语法：

// Initialize the array

var arr = [
    "Hi",
    "Hello",
    "Bangladesh"
];

// Append a new value to the array

arr = [...arr, "Feni"]; 

// Or you can add a variable value

var testValue = "Cool";

arr = [...arr, testValue ];

console.log(arr);

// Final output [ 'Hi', 'Hello', 'Bangladesh', 'Feni', 'Cool' ]

我认为值得一提的是，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）；

现在大多数浏览器都支持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]

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

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

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

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

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

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

Babel REPL示例