Javascript怎么實(shí)現(xiàn)json合并的場(chǎng)景

這篇文章主要介紹“Javascript怎么實(shí)現(xiàn)json合并的場(chǎng)景”，在日常操作中，相信很多人在Javascript怎么實(shí)現(xiàn)json合并的場(chǎng)景問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”Javascript怎么實(shí)現(xiàn)json合并的場(chǎng)景”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

場(chǎng)景

2個(gè)json合并,

jQuery 的“extend()”方法有兩個(gè)原型：合并的方法,分別是淺合并和深度合并，其實(shí)淺合并只是json的第一層被合并，而深度合并是全部層數(shù)都被合并，分別如下寫(xiě)法：

1.淺合并，target被object1...合并，只有一層

$.extend( target [, object1 ] [, objectN ] )

• 深度合并，target被object1...合并，包含一層二層三層...

  要深度合并， [deep]需要為true, 后面覆蓋前面,所以如要要保留后面的，則需要 object1 =$.extend(true,target,object1) ,但target已經(jīng)變化了

$.extend( [deep ], target, object1 [, objectN ] )

這是jquery自帶的，下面帶大家看看javascript如何實(shí)現(xiàn)。

代碼

1.深度合并（遞歸）

/**
* 遇到相同元素級(jí)屬性，以（minor）為準(zhǔn) // 不返還新Object，而是main改變
* mirror
* main
*/
function mergeJSON(minor, main) {
    for(var key in minor) {
        if(main[key] === undefined) { // 不沖突的，直接賦值 
            main[key] = minor[key];
            continue;
        }
        // 沖突了，如果是Object，看看有么有不沖突的屬性
        // 不是Object 則以（minor）為準(zhǔn)為主，
        //console.log(key)
        if(isJSON(minor[key])||isArray(minor[key])) { // arguments.callee 遞歸調(diào)用，并且與函數(shù)名解耦 
            console.log("is json")
            //arguments.callee(minor[key], main[key]);
            mergeJSON(minor[key], main[key]);
        }else{
            main[key] = minor[key];
        }
    }
}    
//判斷是否是json
function isJSON(target) {
    return typeof target == "object" && target.constructor == Object;
}
//判斷是否是array
function isArray(o) {
    return Object.prototype.toString.call(o) == '[object Array]';
}

測(cè)試

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);

到此，關(guān)于“Javascript怎么實(shí)現(xiàn)json合并的場(chǎng)景”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！