数组拷贝常用方法小结

在实际项目开发中，我们需要

对一个数组进行处理，但不想改变原数组，因为原数组还会用到，这时我们会考虑复制一个数组，操作复制后的数组。

误区

给定一个数组arr = [1,2,3]，我们想对这个数组尾部添加一个元素4，但不能改变arr,初学者可能会犯这样的错。

var arr = [1, 2, 3]
var b = a;
b.push(4)
console.log(b)   // [1, 2, 3, 4]
console.log(a)   // [1, 2, 3, 4]

这是很常见也很容易明白的错误，在JS中数组是引用类型，存在栈内存中，单纯的将一个数组赋值给另一个数组，可以理解为将已有数组的指针复制给另一个数组，但两个数组都是指向 同一个内存中的数组[1, 2, 3, 4]，所以改变b也会改变a。

常用办法

 

要想复制一个数组，在实际开发中常用到的有

// slcie
var a = [1, 2, 3];
var b = a.slice();
b.pop();
console.log(b) // [1, 2]
console.log(a) // [1, 2, 3]


// concat  

var a = [1, 2, 3];
var b = a.concat();
b.pop();
console.log(b) // [1, 2]
console.log(a) // [1, 2, 3]      

// map方法也可以，只是不常用
var a = [1, 2, 3]
var b = a.map(v = > v)
b.pop();
console.log(b) // [1, 2]
console.log(a) // [1, 2, 3]