在JavaScript中复制数组的最快方法 – 切片与’for’循环

2023-07-23 11:16:52

为了在JavaScript中复制数组：以下哪个更快使用？

切片方法

var dup_array = original_array.slice();

对于循环

for(var i = 0, len = original_array.length; i < len; ++i)
   dup_array[i] = original_array[i];

我知道两种方式只做一个浅的副本：如果original_array包含对象的引用,则不会克隆对象,但只会复制引用,因此两个数组都将引用相同的对象.
但这不是这个问题的重点.

我只询问速度.

解决方法:

克隆数组至少有5种(！)方法：

>循环
>切片
> Array.from()
> concat
>传播操作符(最快)

有一个huuuge BENCHMARKS thread,提供以下信息：

>对于闪烁浏览器,slice()是最快的方法,concat()稍慢,而while循环慢2.4倍.
>对于其他浏览器而while循环是最快的方法,因为这些浏览器没有slice和concat的内部优化.

2016年7月仍然如此.

下面是简单的脚本,您可以将其复制粘贴到浏览器的控制台中并运行几次以查看图片.它们输出毫秒,越低越好.

while循环

n = 1000*1000;
start = + new Date();
a = Array(n); 
b = Array(n); 
i = a.length;
while(i--) b[i] = a[i];
console.log(new Date() - start);

切片

n = 1000*1000;
start = + new Date();
a = Array(n); 
b = a.slice();
console.log(new Date() - start);

请注意,这些方法将克隆Array对象本身,但是数组内容是通过引用复制的,并且不会被深度克隆.

origAr == clonedArr //returns false
origAr[0] == clonedArr[0] //returns true

码农公寓