在JavaScript中将数组附加到另一个数组

Append an array to another array in JavaScript

本问题已经有最佳答案,请猛点这里访问。

This question is an exact duplicate of:
How to append an array to an existing JavaScript Array?

如何在javascript中将数组附加到另一个数组?

一个人表达这个问题的其他方式:

  • 向另一个数组添加数组
  • concat/连接数组
  • 用另一个数组扩展数组
  • 将一个数组的内容放入另一个数组

我花了一些时间寻找这个问题的答案。有时,像这样最简单的问题是最难找到答案的,所以我希望在这里添加这个问题,根据这个博客文章,有大量的关键词和短语。请随时用其他有用信息回答这个问题,或编辑下面的关键词和短语。


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

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

我用.apply一次推数组23的单个成员。

或者…

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

要处理大型数组,可以批量执行。

1
2
3
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));
}

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

1
2
3
4
5
6
7
8
9
10
11
12
13
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));
            }
        }
    }
});

像这样使用:

1
array1.pushArrayMembers(array2, array3);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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);