0
点赞
收藏
分享

微信扫一扫

JavaScript深拷贝

小禹说财 2022-03-18 阅读 80
javascript

JavaScript

原生js深拷贝

 var obj = {
            name: '张三',
            money: '1000w',
            arr: ['房地产', '电影', '医疗'],
            girl: {
                name: '王晓凤',
                age: 18,
                height: 175
            }
        };
        var arr = [1,2,3,4,5,6,7];
        // 判断数据类型的函数
        function getType(data) {
            return Object.prototype.toString.call(data).slice(8, -1);
        }

        function deepClone(json) {
            // 1. 判断传进来的数据类型 如果是数组创建一个新数组 如果是对象创建一个新对象 其他情况都直接返回
            // console.log(getType(json));
            if(getType(json) == 'Object'){
                var res = {};
            } else if (getType(json) == 'Array'){
                var res = [];
            } else {
                return json;
            }
            // 2. 把数据在复制存储一次 获取到每个数据
            for(var k in json){
                // 如果要拷贝的数据 是数组或者对象 需要进行递归拷贝
                if(getType(json[k]) == 'Object' || getType(json[k]) == 'Array'){
                    res[k] = deepClone(json[k]);
                } else {
                    res[k] = json[k];
                }
            }
            // 3. 返回出去
            return res;
        }
        console.log(deepClone(obj));
        console.log(deepClone(arr));
        console.log(deepClone(1));
举报

相关推荐

0 条评论