1. 首页
  2. 问题
  3. 在 JavaScript 中复制数组的最快方法 - 切片与“for”循环
小编典典

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

all

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

我只问速度。


阅读 128

收藏
2022-03-03

共1个答案

小编典典

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

  • 环形
  • 片
  • 数组.from()
  • 连接
  • 扩展运算符（最快）
  • 地图A.map(function(e){return e;});

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

  • 对于 眨眼 浏览器slice()是最快的方法，concat()速度稍慢，速度慢while loop2.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
2022-03-03