码迷,mamicode.com
首页 > 编程语言 > 详细

原生JavaScript实现JSON合并(递归深度合并)

时间:2018-06-15 23:27:25      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:arguments   赋值   相同   for   rip   解耦   min   nbsp   元素   

// 遇到相同元素级属性,以(minor)为准 // 不返还新Object,而是main改变
            function mergeJSON(minor, main) {
                for(var key in minor) {
                    if(main[key] === undefined) { // 不冲突的,直接赋值 
                        main[key] = minor[key];
                        continue;
                    }
                    // 冲突了,如果是Object,看看有么有不冲突的属性
                    // 不是Object 则以(minor)为准为主,
                    console.log(key)
                    if(isJSON(minor[key])||isArray(minor[key])) { // arguments.callee 递归调用,并且与函数名解耦 
                        console.log("is json")
                        //arguments.callee(minor[key], main[key]);
                        mergeJSON(minor[key], main[key]);
                    }else{
                        main[key] = minor[key];
                    }
                }
            }

            function isJSON(target) {
                
                return typeof target == "object" && target.constructor == Object;
            }

            function isArray(o) {
                return Object.prototype.toString.call(o) == ‘[object Array]‘;
            }
            var a = {
                ccc: {
                    d: 111,
                    b: 222,
                    a: 222,
                    ee: [{
                        a: 1
                    }, {
                        b: 2
                    }]
                }
            };
            var b = {
                ccc: {
                    fff: 666,
                    ee: [{
                        c: 3
                    }]
                }
            };
            mergeJSON(b, a);
            console.log(a);
            console.log(b);

 

原生JavaScript实现JSON合并(递归深度合并)

标签:arguments   赋值   相同   for   rip   解耦   min   nbsp   元素   

原文地址:https://www.cnblogs.com/catgatp/p/9189228.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!