在JavaScript中复制数组的最快方法-切片vs。“为”循环

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

我只是在问速度。

当前回答

如果你想在JS中获得一个REAL克隆对象/数组，其中包含所有属性和子对象的克隆引用:

export function clone(arr) {
    return JSON.parse(JSON.stringify(arr))
}

所有其他操作都不会创建克隆，因为它们只是改变根元素的基址，而不是所包含对象的基址。

除了递归遍历对象树。

对于一个简单的副本，这些是可以的。对于存储地址相关的操作，我建议(在大多数其他情况下，因为这是快速的!)类型转换为字符串和返回在一个完整的新对象。

其他回答

如果你想在JS中获得一个REAL克隆对象/数组，其中包含所有属性和子对象的克隆引用:

export function clone(arr) {
    return JSON.parse(JSON.stringify(arr))
}

所有其他操作都不会创建克隆，因为它们只是改变根元素的基址，而不是所包含对象的基址。

除了递归遍历对象树。

克隆数组至少有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

那我们的方式呢?

arr2 = [...arr1];

在ES6中，你可以简单地利用Spread语法。

例子:

let arr = ['a', 'b', 'c'];
let arr2 = [...arr];

请注意，展开操作符生成了一个全新的数组，因此修改一个不会影响另一个。

例子:

arr2.push('d') // becomes ['a', 'b', 'c', 'd']
console.log(arr) // while arr retains its values ['a', 'b', 'c']

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

myArray.slice(0);

比

myArray.slice();

https://jsben.ch/F0SZ3

推荐文章