js 深拷贝_随笔博客

一，对象深拷贝的几种方法

1. 使用递归的方式实现深拷贝

function deepClone(obj){
　　let objClone =  Array.isArray(obj) ? [] : {};
　　if (obj && typeof obj === 'object') {
　　　　for(let key in obj){
　　　　　　if (obj[key] && typeof obj[key] === 'object'){
　　　　　　　　objClone[key] = deepClone(obj[key]);
　　　　　　}else{
　　　　　　　　objClone[key] = obj[key]
　　　　　　}
　　　　}
　　}
　　return objClone;
}

2. 通过JSON对象实现深拷贝

注意：无法实现对象中方法的深拷贝

function deepClone2(obj) {
  let _obj = JSON.stringify(obj);
  return JSON.parse(_obj);
}

3. 通过Object.assign()拷贝

注意：当对象只有一级属性为深拷贝；
当对象中有多级属性时，二级属性后就是浅拷贝

4.实现思路：

在函数内部定义一个变量，来存储拷贝出来的内容
首先判断传进来的参数是否是引用数据类型，不是引用数据类型返回参数（这里面用的是typeof判断）
接下来用instanceof判断是数组还是对象，并且将定义的变量赋值为空数组或者空对象
接下来对传进来的参数进行枚举，对枚举出来的属性进行判断递归

// 深拷贝
function deepClone(obj) {
            if(typeof obj !=="object" || obj == null){
                return obj
            }
            let res
            if(obj instanceof Array){
                res = []
            }else{
                res = {}
            }
            for(key in obj){
                if(obj.hasOwnProperty(key)){
                    res[key] = deepClone(obj[key])
                }
            }
            return res
        }