如何扩展现有的JavaScript数组与另一个数组，而不创建一个新的数组

似乎没有办法用另一个数组来扩展一个现有的JavaScript数组，即模仿Python的extend方法。

我想达到以下几点:

>>> a = [1, 2]
[1, 2]
>>> b = [3, 4, 5]
[3, 4, 5]
>>> SOMETHING HERE
>>> a
[1, 2, 3, 4, 5]

我知道有一个a.c concat(b)方法，但它创建了一个新数组，而不是简单地扩展第一个数组。我想要一个算法，有效地工作时，a明显大于b(即一个不复制a)。

注意:这不是“如何将内容追加到数组?”这里的目标是将一个数组的全部内容添加到另一个数组中，并做到“就地”，即不复制扩展数组的所有元素。

当前回答

2018年更新:更好的答案是我的一个更新的答案:A .push(…b)。不要再给这个投票了，因为它从来没有真正回答过这个问题，但它是2015年关于谷歌第一次点击的黑客攻击:)

对于那些仅仅搜索“JavaScript数组扩展”并到达这里的人来说，您可以很好地使用array .concat。

var a = [1, 2, 3];
a = a.concat([5, 4, 3]);

Concat将返回一个新数组的副本，这是线程启动者不想要的。但您可能并不关心(当然对于大多数用途来说，这是可以的)。

ECMAScript 6中还有一些很好的扩展操作符:

const a = [1, 2, 3];
const b = [...a, 5, 4, 3];

(它也复制。)

其他回答

超级简单，不依赖扩展运算符或应用，如果这是一个问题。

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

在运行了一些性能测试后，它非常慢，但回答了关于不创建新数组的问题。Concat的速度要快得多，甚至jQuery的$.merge()也不行。

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

对于那些仅仅搜索“JavaScript数组扩展”并到达这里的人来说，您可以很好地使用array .concat。

var a = [1, 2, 3];
a = a.concat([5, 4, 3]);

Concat将返回一个新数组的副本，这是线程启动者不想要的。但您可能并不关心(当然对于大多数用途来说，这是可以的)。

ECMAScript 6中还有一些很好的扩展操作符:

const a = [1, 2, 3];
const b = [...a, 5, 4, 3];

(它也复制。)

只需在push()方法的帮助下向数组添加新元素就可以做到这一点。

let colors = ["Red"， "Blue"， "Orange"]; console.log(' push前数组:' + colors); //添加新值到数组 colors.push(“绿色”); console.log(' push后数组:' + colors);

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

let colors = ["Red"， "Blue"， "Orange"]; console.log(' unshift前数组:' + colors); //添加新值到数组颜色。未(“黑色”,“绿色”); console.log(' unshift后的数组:' + colors);

还有其他方法。你可以在这里查看。

我喜欢推。应用上面描述的(a, b)方法，如果你想，你可以创建一个这样的库函数:

Array.prototype.append = function(array)
{
    this.push.apply(this, array)
}

像这样使用它

a = [1,2]
b = [3,4]

a.append(b)

可以使用splice()来实现:

b.unshift(b.length)
b.unshift(a.length)
Array.prototype.splice.apply(a,b) 
b.shift() // Restore b
b.shift() //

但尽管它更丑，但并不比推快。至少在Firefox 3.0中不适用。

推荐文章