js简单数组深拷贝的三种简洁方式

ES6方法

采用扩展运算符，扩展运算符就是将数组扩展为逗号隔开的序列。

let arr1 = [1,2,3,4,5];
let arr2 = [...arr1];

这里区分一下深拷贝和浅拷贝，浅拷贝通过直接赋值的方式（arr2=arr1）来实现arr2数组的创建，实质上只是将arr2指向了数组数据[1,2,3,4,5]在堆内存中的保存地址。也就是说arr1、arr2保存的是同一个堆内存地址。因此改变一个数组，会引起另一个数组同步改变，因为本质上只有一个数组。
深拷贝则是在堆内存另外开辟一片地址，将数组数据[1,2,3,4,5]存放进去，然后将arr2指向这个新的地址。因此改变一个数组不会影响另一个数组，两个数组独立变化。因为本质是两个数组。

ES5方法slice

通过数组的slice方法，大家注意slice和splice的区别，slice的英文的意思是“切开”的意思，而splice在英文中是“拼接”的意思。字面意思不同，可以引出用法的不同。
二者区别：slice是从原数组切出一个新数组，原数组不变，返回切出的新数组。
splice通过先切后拼的方式实现原数组的增（先切0个数组元素再拼n个）、删（先切n个再拼0个）、改（先切n个再拼n个）功能，原数组改变，返回切掉的数组。
而下面所说的concat是真正的拼接，原数组未变，返回拼接后的新数组。

let arr1 = [1,2,3,4,5];
let arr2 = arr1.slice(0)

ES5方法concat

let arr1 = [1,2,3,4,5];
let arr2 = arr1.concat()