小编典典

在JavaScript中复制数组的最快方法-slice vs. 'for' loop

javascript

为了在JavaScript中复制数组,请使用以下哪项更快?

Slice method

var dup_array = original_array.slice();

For loop

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

我知道这两种方法都只能进行浅表复制:如果original_array包含对对象的引用,则不会克隆对象,但是只会复制引用,因此两个数组都将引用相同的对象。但这不是这个问题的重点。

我只问速度。


阅读 413

收藏
2020-04-25

共1个答案

小编典典

至少有5种(!)克隆数组的方法:

  • loop
  • slice
  • Array.from()
  • concat
  • spread operator (FASTEST)

有一个很棒的BENCHMARKS线程,提供以下信息:

  • for blink browsers slice()是最快的方法,concat()是有点慢,并且while loop是2.4倍慢。

  • for other browsers器,这whileloop是最快的方法,因为这些浏览器没有针对slice和进行内部优化concat

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

while loop

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

slice

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
2020-04-25