问题描述
克隆数组至少有
- 环形
- 片
- 数组.from()
- 连接
- 扩展运算符(最快)
- 地图
A.map(function(e){return e;});
有一个 huuuge BENCHMARKS 线程,提供以下信息:
-
对于 浏览器
slice()
是最快的方法,concat()
速度稍慢,速度慢while loop
2.4 倍。 -
对于其他浏览器
while loop
是最快的方法,因为这些浏览器没有对slice
和的内部优化concat
。
2016 年 7 月仍然如此。
下面是一些简单的脚本,您可以将它们复制粘贴到浏览器的控制台中并运行几次以查看图片。它们输出毫秒,越低越好。
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
解决方法
为了在 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
包含对对象的引用,则不会克隆对象,但只会复制引用,因此两个数组都将引用相同的对象。但这不是这个问题的重点。
我只问速度。