为了在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包含对对象的引用，对象将不会被克隆，但只有引用将被复制，因此两个数组将有对相同对象的引用。 但这不是问题的关键。
我只是在问速度。
当前回答
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大用途 传播的语法
其他回答
那我们的方式呢?
arr2 = [...arr1];
看看:link。重点不是速度，而是舒适度。此外，正如你所看到的，你只能在原始类型上使用slice(0)。
要制作数组的独立副本，而不是对其引用的副本，可以使用数组切片方法。
例子:
To make an independent copy of an array rather than a copy of the refence to it, you can use the array slice method. var oldArray = ["mip", "map", "mop"]; var newArray = oldArray.slice(); To copy or clone an object : function cloneObject(source) { for (i in source) { if (typeof source[i] == 'source') { this[i] = new cloneObject(source[i]); } else{ this[i] = source[i]; } } } var obj1= {bla:'blabla',foo:'foofoo',etc:'etc'}; var obj2= new cloneObject(obj1);
来源:链接
克隆数组至少有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
克隆数组有几种方法。基本上，克隆可以分为两类:
浅拷贝 深拷贝
浅拷贝只覆盖数组的第一级，其余的都是 引用。如果需要数组中嵌套元素的真实副本，则需要 深克隆。
例子:
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)
var cloned_array = [].concat(target_array);
