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)两个参数,拷贝从起始位置到结束位置的元素(不包含结束位置的元素:含头不含尾)

注意:当数组中的元素均为一维是深拷贝

          数组中元素一维以上是值的引用

 

posted @ 2020-03-03 22:48  大前端小菜鸟  阅读(38625)  评论(0编辑  收藏  举报