Js数组和对象的深拷贝

今天对数组和对象的拷贝做一下记录。深拷贝简言之是对值的拷贝而不是地址，基于此总结如下。
数组：
方法1：通过slice
代码：

var arr=[1,2,3,3,2,5,6,8];
var arrNew=arr.slice(0);
console.log(arrNew);

数组slice用法，slice(start,end)从start开始截取，到end结束，包含start不包含end。当参数只有start时，从start开始截取到结束。注意：slice不会改变原数组的大小。

方法2：通过concat拼接
代码：

var arr=[1,2,3,3,2,5,6,8];
var arrNew=[];
var arrNew = arr.concat();
console.log(arrNew);

concat可以用于连接两个数组，也可以添加元素，例：arr.concat(100)。

方法3：扩展运算符(ES6新特性)
代码：

var arr=[1,2,3,3,2,5,6,8];
var arrNew=[];
arrNew=[…arr]; 或 arr=[…arrNew];
console.log(arrNew);

对象
方法1：JSON
代码：

var obj={
age:18,
name:“哈哈”
}
var obj2 = JSON.stringify(obj);
var objnew = JSON.parse(obj2);
console.log(obj2); //{“age”:18,“name”:“哈哈”}字符串
console.log(objnew);//{age: 18, name: “哈哈”}对象

JSON.stringify() ，对象转为json字符串。
JSON.parse() ，json字符串转为对象。

方法2:assign
代码：

var obj={
age:18,
name:“哈哈”
}
var obj2={}
Object.assign(obj2,obj);
console.log(obj2);

Object.assign(目标对象，源对象)将源对象赋值到目标对象。

方法3：扩展运算符
代码：

var obj={
age:18,
name:“哈哈”
}
var obj2={
…obj
}
console.log(obj2);

以上方法均存在一定缺陷，采用递归方式完成深拷贝为最佳。