在JavaScript中将一个数组附加到另​​一个数组[重复]

Question

此问题与以下问题完全相同：
How to append an array to an existing JavaScript Array?

如何在 JavaScript 中将一个数组附加到另​​一个数组？

人们可能会用其他方式表达这个问题：

• 将一个数组添加到另一个数组
• 连接/连接数组
• 用另一个数组扩展一个数组
• 将一个数组的内容放到另一个数组中

我花了一些时间寻找这个问题的答案。有时像这样最简单的问题最难找到答案，所以我希望在这里添加问题，并根据blog post 提供大量关键词和短语。请随时使用任何其他有用信息来回答此问题，或编辑下面的关键词和短语。

Answer 1

如果要修改原始数组而不是返回新数组，请使用.push()...

array1.push.apply(array1, array2);
array1.push.apply(array1, array3);

我使用.apply 一次推送数组2 和3 的各个成员。

或者...

array1.push.apply(array1, array2.concat(array3));

---

要处理大数组，可以分批进行。

for (var n = 0, to_add = array2.concat(array3); n < to_add.length; n+=300) {
    array1.push.apply(array1, to_add.slice(n, n+300));
}

---

如果你经常这样做，请创建一个方法或函数来处理它。

var push_apply = Function.apply.bind([].push);
var slice_call = Function.call.bind([].slice);

Object.defineProperty(Array.prototype, "pushArrayMembers", {
    value: function() {
        for (var i = 0; i < arguments.length; i++) {
            var to_add = arguments[i];
            for (var n = 0; n < to_add.length; n+=300) {
                push_apply(this, slice_call(to_add, n, n+300));
            }
        }
    }
});

并像这样使用它：

array1.pushArrayMembers(array2, array3);

var push_apply = Function.apply.bind([].push);
var slice_call = Function.call.bind([].slice);

Object.defineProperty(Array.prototype, "pushArrayMembers", {
    value: function() {
        for (var i = 0; i < arguments.length; i++) {
            var to_add = arguments[i];
            for (var n = 0; n < to_add.length; n+=300) {
                push_apply(this, slice_call(to_add, n, n+300));
            }
        }
    }
});

var array1 = ['a','b','c'];
var array2 = ['d','e','f'];
var array3 = ['g','h','i'];

array1.pushArrayMembers(array2, array3);

document.body.textContent = JSON.stringify(array1, null, 4);