JavaScript深拷贝方法

小咪咪 2023-02-19 09:30 3阅读 0赞

1.1.Object.assign（）方法 //一层是深拷贝，多层是浅拷贝

let a = {
      a: 1,
      b: 2
    }
    let b = Object.assign({}, a)
    a.a = 22
    console.log(b.a) // 1

2.JSON.stringify（）

JSON.stringify()是目前开发过程中最常用的深拷贝方式，原理是把一个对象序列化成为一个JSON字符串，将对象的内容转换成字符串的形式再保存在内存中，再用JSON.parse()反序列化将JSON字符串变成一个新的对象。

var obj = { a: 0, b: { c: 0 } };
    var copy = JSON.parse(JSON.stringify(obj));

3.通过jQuery的extend方法实现深拷贝

$.extend([deep],target,object1,[objectN])
    1.deep:true为深拷贝，默认false->浅拷贝
    2.target：要拷贝的目标对象
    3.object：待拷贝到第一个对象的对象

4.lodash函数库实现深拷贝

lodash.cloneDeep()

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

// 深拷贝拷贝多层, 每一级别的数据都会拷贝.
            var obj = {
                id: 1,
                name: 'andy',
                msg: {
                    age: 18
                },
                color: ['pink', 'red']
            };
            var o = {};
            // 封装函数 
            function deepCopy(newobj, oldobj) {
                for (var k in oldobj) {
                    // 判断我们的属性值属于那种数据类型
                    // 1. 获取属性值  oldobj[k]
                    var item = oldobj[k];
                    // 2. 判断这个值是否是数组
                    if (item instanceof Array) {
                        newobj[k] = [];
                        deepCopy(newobj[k], item)
                    } else if (item instanceof Object) {
                        // 3. 判断这个值是否是对象
                        newobj[k] = {};
                        deepCopy(newobj[k], item)
                    } else {
                        // 4. 属于简单数据类型
                        newobj[k] = item;
                    }
    
                }
            }
            //由于数组也是对象，所以想判断数组吧数组筛选出去

## 5.js用闭包实现缓存原理 ##