为了在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包含对对象的引用，对象将不会被克隆，但只有引用将被复制，因此两个数组将有对相同对象的引用。 但这不是问题的关键。
我只是在问速度。
当前回答
克隆对象数组的最快方法是使用展开运算符
var clonedArray=[...originalArray]
or
var clonedArray = originalArray.slice(0); //with 0 index it's little bit faster than normal slice()
但是克隆数组中的对象仍然指向旧的内存位置。因此改变到clonedArray对象也会改变orignalArray。所以
var clonedArray = originalArray.map(({...ele}) => {return ele})
这不仅将创建新的数组，而且还将克隆对象。
免责声明，如果你正在使用嵌套对象，在这种情况下，展开操作符将工作为浅克隆。在这一点上最好使用
var clonedArray=JSON.parse(JSON.stringify(originalArray));
其他回答
克隆数组有几种方法。基本上，克隆可以分为两类:
浅拷贝 深拷贝
浅拷贝只覆盖数组的第一级，其余的都是 引用。如果需要数组中嵌套元素的真实副本，则需要 深克隆。
例子:
const arr1 = [1,2,3,4,5,6,7]
// Normal Array (shallow copy is enough)
const arr2 = [1,2,3,[4],[[5]],6,7]
// Nested Array (Deep copy required)
Approach 1 : Using (...)Spread Operator (Shallow copy enough)
const newArray = [...arr1] // [1,2,3,4,5,6,7]
Approach 2 : Using Array builtIn Slice method (Deep copy)
const newArray = arr1.slice() // [1,2,3,4,5,6,7]
Approach 3 : Using Array builtIn Concat method (Deep a copy)
const newArray = [].concat(arr1) // [1,2,3,4,5,6,7]
Approach 4 : Using JSON.stringify/parse. (Deep a copy & fastest)
const newArray = JSON.parse(JSON.stringify(arr2));) // [1,2,3,[4],[[5]],6,7]
Approach 5: Using own recursive function or using loadash's __.cloneDeep method. (Deep copy)
ECMAScript 2015的扩展操作符方式:
基本的例子:
var copyOfOldArray = [...oldArray]
var twoArraysBecomeOne = [...firstArray, ..seccondArray]
在浏览器控制台中尝试:
var oldArray = [1, 2, 3]
var copyOfOldArray = [...oldArray]
console.log(oldArray)
console.log(copyOfOldArray)
var firstArray = [5, 6, 7]
var seccondArray = ["a", "b", "c"]
var twoArraysBecomOne = [...firstArray, ...seccondArray]
console.log(twoArraysBecomOne);
参考文献
展开运算符的6大用途 传播的语法
如果你想在JS中获得一个REAL克隆对象/数组，其中包含所有属性和子对象的克隆引用:
export function clone(arr) {
return JSON.parse(JSON.stringify(arr))
}
所有其他操作都不会创建克隆，因为它们只是改变根元素的基址，而不是所包含对象的基址。
除了递归遍历对象树。
对于一个简单的副本，这些是可以的。对于存储地址相关的操作，我建议(在大多数其他情况下，因为这是快速的!)类型转换为字符串和返回在一个完整的新对象。
在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']
有一个更干净的解决方案:
var srcArray = [1, 2, 3];
var clonedArray = srcArray.length === 1 ? [srcArray[0]] : Array.apply(this, srcArray);
长度检查是必需的，因为当只使用一个参数调用Array构造函数时，它的行为会有所不同。
