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

我只是在问速度。

当前回答

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

myArray.slice(0);

比

myArray.slice();

https://jsben.ch/F0SZ3

其他回答

有一个更干净的解决方案:

var srcArray = [1, 2, 3];
var clonedArray = srcArray.length === 1 ? [srcArray[0]] : Array.apply(this, srcArray);

长度检查是必需的，因为当只使用一个参数调用Array构造函数时，它的行为会有所不同。

var cloned_array = [].concat(target_array);

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

myArray.slice(0);

比

myArray.slice();

https://jsben.ch/F0SZ3

您可以遵循这段代码。不可变方式数组克隆。这是克隆数组的最佳方法


const array = [1, 2, 3, 4]

const newArray = [...array]
newArray.push(6)
console.log(array)
console.log(newArray)

在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']

推荐文章