JS对象的深拷贝处理成浅拷贝

对象的栈堆

对象的深拷贝:复制值

var a = 10;
    var b = a;
    b = 20;
    console.log(a);      // 10
    console.log(b);      // 20

对象的浅拷贝:只复制地址,没有复制值;两个栈对应一个堆

var obj = {
        name:"admin"
    }
    var obj2 = obj;  
    obj2.name = "root";
    console.log(obj);   //root
    console.log(obj2);  //root

以上可看出改变obj2的值,obj1的值也随着改变了,如何做到只复制值,不复制地址

利用重新创建对象的方式,遍历老对象的所有属性,逐个拷贝属性到新对象中:

var obj = {
        name:"admin",
        age:18,
        sex:"女",
    }
    var obj2 = {};
    for(var i in obj){
        obj2[i] = obj[i];
    }
    obj2.name = "root";
    console.log(obj.name);  //admin
    console.log(obj2.name);  //root
```####改变深拷贝的封装函数
```js
   [{}, [], true]
        // 定义一个深拷贝函数  接收目标target参数
        function deepClone(target) {
            // 定义一个变量
            let result;
            // 如果当前需要深拷贝的是一个对象的话
            if (typeof target === 'object') {
                // 如果是一个数组的话
                if (Array.isArray(target)) {
                    result = []; // 将result赋值为一个数组,并且执行遍历
                    for (let i in target) {
                        // 递归克隆数组中的每一项
                        result.push(deepClone(target[i]))
                    }
                    // 判断如果当前的值是null的话;直接赋值为null
                } else if (target === null) {
                    result = null;
                    // 判断如果当前的值是一个RegExp对象的话,直接赋值    
                } else if (target.constructor === RegExp) {
                    result = target;
                } else {
                    // 否则是普通对象,直接for in循环,递归赋值对象的所有值
                    result = {};
                    for (let i in target) {
                        result[i] = deepClone(target[i]);
                    }
                }
                // 如果不是对象的话,就是基本数据类型,那么直接赋值
            } else {
                result = target;
            }
            // 返回最终结果
            return result;
        }

json方法

var person2 = JSON.parse(JSON.stringify(person));  //ES5的方法。
posted @ 2020-06-23 19:03  Cupid05  阅读(35)  评论(0编辑  收藏  举报