如何将另一个数组添加到现有的JavaScript数组中，而不创建新数组

我添加了这个回答，因为尽管问题明确表示不创建新的数组，但是几乎所有的答案都忽略了这一点。

现代JavaScript可以很好地处理作为可迭代对象的数组等。这使得可以实现一个版本的concat方法，它建立在此基础上，并将数组数据逻辑地跨越其参数。

下面的示例使用了iter-ops库中具有此逻辑的特性：

import {pipe, concat} from 'iter-ops';

const i = pipe(
    originalArray,
    concat(array2, array3, array4, ...)
); //=> Iterable

for(const a of i) {
    console.log(a); // iterate over values from all arrays
}

上面的代码中没有创建新的数组。操作符concat将遍历原始数组，然后按照指定顺序自动地继续遍历array2、array3等。

这是在内存使用方面连接数组最高效的方式。

如果最后你决定将其转换成实际的物理数组，你可以通过扩展运算符或Array.from来实现：

const fullArray1 = [...i]; // pulls all values from iterable, into a new array

const fullArray2 = Array.from(i); // does the same

合并两个以上数组的另一种解决方案

var a = [1, 2],
    b = [3, 4, 5],
    c = [6, 7];

// Merge the contents of multiple arrays together into the first array
var mergeArrays = function() {
 var i, len = arguments.length;
 if (len > 1) {
  for (i = 1; i < len; i++) {
    arguments[0].push.apply(arguments[0], arguments[i]);
  }
 }
};

然后调用并打印如下：

mergeArrays(a, b, c);
console.log(a)

将答案合并...

Array.prototype.extend = function(array) {
    if (array.length < 150000) {
        this.push.apply(this, array)
    } else {
        for (var i = 0, len = array.length; i < len; ++i) {
            this.push(array[i]);
        };
    }  
}

答案非常简单。

>>> a = [1, 2]
[1, 2]
>>> b = [3, 4, 5]
[3, 4, 5]
>>> SOMETHING HERE
(The following code will combine the two arrays.)

a = a.concat(b);

>>> a
[1, 2, 3, 4, 5]

Concat函数与JavaScript字符串连接非常相似。它将返回一个由您放入concat函数的参数组合在调用该函数的数组末尾的结果。关键是您必须将返回值分配给变量，否则它会丢失。例如：

a.concat(b);  <--- This does absolutely nothing since it is just returning the combined arrays, but it doesn't do anything with it.

另外一个选项，如果您已经安装了lodash：

 import { merge } from 'lodash';

 var arr1 = merge(arr1, arr2);

你可以通过使用push()方法向数组中简单地添加新元素来实现。

let colors = ["Red", "Blue", "Orange"];
console.log('Array before push: ' + colors);
// append new value to the array
colors.push("Green");
console.log('Array after push : ' + colors);

另一种将元素添加到数组开头的方法是使用unshift()函数，它会添加并返回新长度。它接受多个参数，附加现有元素的索引，最后返回数组的新长度：

let colors = ["Red", "Blue", "Orange"];
console.log('Array before unshift: ' + colors);
// append new value to the array
colors.unshift("Black", "Green");
console.log('Array after unshift : ' + colors);

还有其他方法。您可以在这里查看它们。

当处理超过150,000条记录时，请使用Array.extend而不是Array.push。

if (!Array.prototype.extend) {
  Array.prototype.extend = function(arr) {
    if (!Array.isArray(arr)) {
      return this;
    }

    for (let record of arr) {
      this.push(record);
    }

    return this;
  };
}

非常简单，不依赖于展开运算符或 apply，如果这是一个问题。

b.map(x => a.push(x));

https://jsperf.com/merge-arrays19b/1