Javascript實(shí)用方法之json合并的場(chǎng)景分析
場(chǎng)景
2個(gè)json合并,
jQuery 的“extend()”方法有兩個(gè)原型:合并的方法,分別是淺合并和深度合并,其實(shí)淺合并只是json的第一層被合并,而深度合并是全部層數(shù)都被合并,分別如下寫法:
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í)用方法之json合并的文章就介紹到這了,更多相關(guān)js json合并內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
PPK 談 JavaScript 的 this 關(guān)鍵字 [翻譯]
在 JavaScript 中 this 是最強(qiáng)的關(guān)鍵字之一。這篇貼文就是要告訴你如何用好 this。2009-09-09js 手機(jī)號(hào)碼合法性驗(yàn)證代碼集合
下面是JS驗(yàn)證電話號(hào)碼的代碼,很實(shí)用,獻(xiàn)給大家2012-09-09JS 學(xué)習(xí)總結(jié)之正則表達(dá)式的懶惰性和貪婪性
這篇文章主要介紹了JS 學(xué)習(xí)總結(jié)之正則表達(dá)式的懶惰性和貪婪性的相關(guān)資料,需要的朋友可以參考下2017-07-07JavaScript實(shí)現(xiàn)動(dòng)態(tài)留言板
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)留言板,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03js實(shí)現(xiàn)為a標(biāo)簽添加事件的方法(使用閉包循環(huán))
這篇文章主要介紹了js實(shí)現(xiàn)為a標(biāo)簽添加事件的方法,基于閉包循環(huán)實(shí)現(xiàn)事件添加的功能,涉及javascript閉包與事件操作相關(guān)技巧,需要的朋友可以參考下2016-08-08javascript實(shí)現(xiàn)捕捉鍵盤上按下的鍵
JavaScript取得按下鍵盤的鍵是哪個(gè),通過(guò)創(chuàng)建一個(gè)event.keyCode對(duì)象,可有效獲取鍵盤上的鍵,運(yùn)行代碼后,點(diǎn)擊鍵盤上的任意鍵,網(wǎng)頁(yè)上顯示你按下的是哪個(gè)鍵。2015-05-05