javaScript深克隆（deepClone(origin,target)）

最新推荐文章于 2024-06-23 14:27:55 发布

罗安安

最新推荐文章于 2024-06-23 14:27:55 发布

阅读量415

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41924621/article/details/110213694

版权

 var obj = {
            name: 'Tom',
            age: 12,
            card: ['a', ' b', 'c'],
            wife: {
                name: 'amy',
                son: {
                    name: 'Jimmiy '
                }
            }
        }

        //遍历对象  for(var prop in obj ) 
        // 1.判断是不是原始值
        //  type() object
        // 2.判断是数组还是对象
        // toString() <-推荐使用
        // instanceof 
        // constructor
        // 后两种父子域（跨域）的时候会有问题 -> [] instanceof Array   falses
        // 3.建立相应的数组和对象
        // 递归
        function deepClone(origin, target) {
            var target = target || {},
                toString = Object.prototype.toString,
                arrType = "[object Array]";
            for (var prop in origin) {
                if (origin.hasOwnProperty(prop)) {//<-避免拿到原型链上的属性
                    if (origin[prop] !== "null" && typeof (origin[prop]) == 'object') {
                        // if (toString.call(origin[prop]) == arrType) {
                        //     target[prop] = [];
                        // } else {
                        //     target[prop] = {};
                        // }
                        // 优化
                        target[prop] = toString.call(origin[prop]) == arrType ? [] : {};
                        deepClone(origin[prop], target[prop]);
                    } else {
                        target[prop] = origin[prop];//<-原始值直接赋值进行深克隆
                    }
                }
            }
            return target;
        }