JS中实现深拷贝的几种方法
一,对象深拷贝的几种方法
1. 使用递归的方式实现深拷贝
1 function deepClone(obj){ 2 let objClone = Array.isArray(obj) ? [] : {}; 3 if (obj && typeof obj === 'object') { 4 for(let key in obj){ 5 if (obj[key] && typeof obj[key] === 'object'){ 6 objClone[key] = deepClone(obj[key]); 7 }else{ 8 objClone[key] = obj[key] 9 } 10 } 11 } 12 return objClone; 13 }
2. 通过JSON对象实现深拷贝
function deepClone2(obj) { let _obj = JSON.stringify(obj), return JSON.parse(_obj); }
注意: 无法实现对象中方法的深拷贝
3. 通过Object.assign()拷贝
注意: 当对象只有一级属性为深拷贝;
当对象中有多级属性时,二级属性后就是浅拷贝
二,数组深拷贝的几种方法
1. concat(arr1, arr2,....)
注意:当数组中的元素均为一维是深拷贝
数组中元素一维以上是值的引用
2. slice(idx1, idx2)
参数可以省略
1)没有参数是拷贝数组
2)只有一个参数是从该位置起到结束拷贝数组元素
3)两个参数,拷贝从起始位置到结束位置的元素(不包含结束位置的元素:含头不含尾)
注意:当数组中的元素均为一维是深拷贝
数组中元素一维以上是值的引用