1. 首页
  2. 问题
  3. 在JavaScript中复制数组的最快方法-slice vs. 'for' loop
一尘不染

在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包含对对象的引用，则不会克隆对象，但是只会复制引用，因此两个数组都将引用相同的对象。但这不是这个问题的重点。

我只问速度。


阅读 346

收藏
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