浅拷贝和深拷贝

单层数据深拷贝：

concat slice  Object.assign()    展开运算符...

demo：

let arr=[2,3,4,5];

let arr1=[].concat(arr);

let arr2=arr1.slice(0);

let arr3=[...arr1];

let arr4=Object.assign([],arr1);

 

但是如果多层数据，就不行了，就是slice和concat只能实现首层深拷贝

多层数据深拷贝可以使用JSON.stringfy JSON.parse

let obj={name:'zhangsan',arr:[2,3,4,5],obj:{age:2,sex:'male'}};

let obj1=JSON.parse(JSON.stringfy(obj));

但是元素不能是undefined和function（在转换过程中会被忽略）

深层拷贝实现使用递归：

function deepClone(obj){
                const targetObj=Object.prototype.toString.call(obj)=="[Object Array]"?[]:{};
                for(let key in obj){
                    if(obj.hasOwnProperty(key)){
                        if(targetObj[key]&&typeof targetObj[key]=='object'){
　　　　　　　　　　　　　　　　　　　targetObj[key]=deepClone(targetObj[key]);
　　　　　　　　　　　　　　}else{ targetObj[key]=obj[key]; } } } return targetObj; }

 也可以借助jquery的extend方法实现深拷贝：

$.extend([deep],targetObj,obj1 [,objn]);

deep表示是否深拷贝，为true为深拷贝，为false则为浅拷贝

let obj={a:2,b:3,obj:{c:4,d:5}};

let obj1=$.extend(true,{},obj);