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

2022-08-29 22:32:16

为了在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

我只问速度。


答案 1

克隆阵列至少有 6 (!) 种方法:

  • Array.from()
  • 连接
  • 点差运算符(最快)
  • 地图A.map(function(e){return e;});

有一个 huuuge BENCHMARKS 线程,提供以下信息:

  • 对于眨眼浏览器是最快的方法,速度稍慢,速度慢2.4倍。slice()concat()while loop

  • 对于其他浏览器是最快的方法,因为这些浏览器没有针对 和 的内部优化。while loopsliceconcat

这在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

答案 2

从技术上讲,这是最快的方法。但是,如果添加起始索引,则速度会更快。slice0

myArray.slice(0);

速度快于

myArray.slice();

https://jsben.ch/F0SZ3