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

时间:2012-03-10 22:41:29

标签: javascript arrays concatenation

  

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

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

一个人可能会提出这个问题的其他方式:

  • 将数组添加到另一个
  • Concat / Concatenate数组
  • 使用其他数组扩展数组
  • 将一个数组的内容放入另一个数组

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

1 个答案:

答案 0 :(得分:127)

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

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

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

...或

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);