为了在JavaScript中复制数组:下面哪个使用更快?
片的方法
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包含对对象的引用,对象将不会被克隆,但只有引用将被复制,因此两个数组将有对相同对象的引用。
但这不是问题的关键。
我只是在问速度。
A.map (e => e)是这项工作的另一种选择。到目前为止,.map()在Firefox中非常快(几乎和.slice(0)一样快),但在Chrome中则不然。
另一方面,如果一个数组是多维的,因为数组是对象,对象是引用类型,没有一个slice或concat方法将是治愈…因此,克隆数组的一种正确方法是array .prototype.clone()的发明,如下所示。
Array.prototype.clone = function(){
返回。map(e => Array.isArray(e) ?e.clone(): e);
};
var arr =[1、2、3、4(1、2(1、2、3),4、5],6],
BRR = arr.clone();
Brr [4][2][1] = " 2 ";
console.log (JSON.stringify (arr));
console.log (JSON.stringify (brr));
克隆数组至少有6种方法:
循环
片
Array.from ()
concat
扩展语法(最快)
map(函数(e){返回e;});
有一个巨大的基准线程,提供以下信息:
对于闪烁的浏览器,slice()是最快的方法,concat()稍慢,while循环慢2.4倍。
对于其他浏览器,while循环是最快的方法,因为这些浏览器没有对切片和连接进行内部优化。
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所说:“这个答案很快就过时了。使用基准测试来检查实际情况”,有一个特定的答案从jsperf没有自己的答案:while:
var i = a.length;
while(i--) { b[i] = a[i]; }
有960,589次操作/秒,亚军a.c concat()为578,129次操作/秒,占60%。
这是最新的64位Firefox(40)。
@aleclarson创建了一个新的、更可靠的基准。