在 JavaScript 中复制数组的最快方法 - 切片与“for”循环

Question

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

Slice 法

var dup_array = original_array.slice();

For

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

---

我知道这两种方式都只做一个 浅拷贝：如果 original_array 包含对对象的引用，则不会克隆对象，但只会复制引用，因此两个数组都将引用相同的对象。

但这不是这个问题的重点。

我只问速度。

原文由 Marco Demaio 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

克隆数组至少有 6 种（！）方法：

• 环形

• 片

• 数组.from()

• 连接

• 扩展运算符（最快）

• 地图 A.map(function(e){return e;});

有一个 huuuge BENCHMARKS 线程，提供以下信息：

• 对于 Blink 浏览器 slice() 是最快的方法， concat() 有点慢，而 while loop 慢 2.4 倍。

• 对于其他浏览器 while loop 是最快的方法，因为这些浏览器没有对 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

原文由 Dan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

从技术上讲 slice 是 最快的方法。 _但是_，如果添加 0 开始索引，速度会更快。

 myArray.slice(0);

比

myArray.slice();

https://jsben.ch/F0SZ3

原文由 KingKongFrog 发布，翻译遵循 CC BY-SA 4.0 许可协议