深拷贝与浅拷贝的区别
js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。
复杂数据类型又分为Object类型,Array类型,function类型。
深拷贝和浅拷贝都是针对与复杂数据类型的。基本数据类型是没有深浅拷贝之分的。
浅拷贝仅是复制了引用地址,复制之后原来的变量和新的变量指向同一个东西,彼此之间操作数据会产生相互影响。
深拷贝是在堆内存中重新分配地址,而复制的内容一样,复制后的对象与原来的对象互不相干,互不影响。
方法一:利用ES5中的JSON对象的parse和stringify方法
const obj = {name:'张三',sex:'男',card:{id:'8888 8888 8888 8888',name:'建设银行'}};
const obj_json = JSON.parse(JSON.stringify(obj));
console.log(obj === obj_json); // false
方法二:利用ES6中的rest参数三点运算符
const arr = [1,2,3];
const arr_rest = [...arr];
console.log(arr === arr_rest); // false