js深度合并兩個(gè)數(shù)組對(duì)象的實(shí)現(xiàn)
js深度合并兩個(gè)數(shù)組對(duì)象
js合并兩個(gè)數(shù)組對(duì)象, 如果a中含有b,則b的值覆蓋a的值 如果a中不含有b 則b的值新增到a
MergeRecursive(obj1, obj2) {
// 合并兩個(gè)數(shù)組
for (var p in obj2) {
if (obj1[p] === undefined) { // 如果obj1沒(méi)有p 直接把obj2的p加入
obj1[p] = obj2[p]
}
try {
if (obj2[p].constructor === Object) {
obj1[p] = common.MergeRecursive(obj1[p], obj2[p])
} else {
if (typeof obj1[p] === 'object') {
for (let i = 0; i < obj2[p].length; i++) {
if (typeof obj2[p][i] === 'object') { // 數(shù)組里面的數(shù)據(jù)也是數(shù)組對(duì)象 則進(jìn)行查找重復(fù)并賦值
if (obj1[p][i] === undefined) { // 如果obj1中沒(méi)有obj2的屬性就把obj2的屬性push到1里
obj1[p].push(obj2[p][i])
} else {
common.uniq(obj1[p][i], obj2[p][i])
}
} else {
obj1[p] = obj2[p] // 數(shù)組 但是里面的數(shù)據(jù)是普通類型 直接賦值
}
}
} else {
obj1[p] = obj2[p] // 普通類型有直接賦值 obj1沒(méi)有的就創(chuàng)建并賦值
}
}
} catch (e) {
console.log(e)
}
}
return obj1
},
uniq(obj1, obj2) {
// 查找重復(fù)并obj2的值賦給obj1
Object.keys(obj1).forEach(key => {
if (typeof obj1[key] === 'object') {
try {
if (key in obj2) { // 確保obj2有obj1的key 不然會(huì)導(dǎo)致失敗
common.uniq(obj1[key], obj2[key])
}
} catch (err) {
obj1 = obj2
}
} else {
if (key in obj2) {
obj1[key] = obj2[key]
}
Object.keys(obj2).forEach(obj2key => { // 把obj2中有的obj1中沒(méi)有的添加進(jìn)去
if (!(obj2key in obj1)) {
obj1[obj2key] = obj2[obj2key]
}
})
}
})
},關(guān)于數(shù)組對(duì)象的深淺合并
數(shù)組對(duì)象的深淺合并
- 淺合并:只會(huì)把沒(méi)有沖突的屬性合并上,對(duì)于有沖突的屬性,后者會(huì)完全覆蓋前者的屬性值,且只會(huì)合并第一層
- 深合并:對(duì)于有沖突的屬性,會(huì)把將兩個(gè)屬性值進(jìn)行合并,而不是簡(jiǎn)單的讓誰(shuí)覆蓋誰(shuí)
function deepMearge(obj, target={}) {
// target 替換 obj
let p = {}; // 是為了調(diào)用 Object.prototype.toSring方便
for(let key in target) {
let isA = p.toString.call(obj[key]) === '[object Object]',
isB = p.toString.call(target[key]) === '[object Object]';
if(isA && isB) {
obj[key] = deepMearge(obj[key], target[key])
} else if(Array.isArray(obj[key]) && Array.isArray(target[key])){
// Array.from 方法可以把一個(gè)類數(shù)組對(duì)象轉(zhuǎn)為數(shù)組
obj[key] = Array.from(new Set(obj[key].concat(target[key]))
)
} else {
obj[key] = target[key];
}
}
return obj;
}以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序云開(kāi)發(fā)之新手環(huán)境配置
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā)之新手環(huán)境配置,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-05-05
TypeScript與JavaScript項(xiàng)目里引入MD5校驗(yàn)和
這篇文章主要介紹了TypeScript與JavaScript項(xiàng)目里引入MD5校驗(yàn)和,MD5校驗(yàn)和可以用于驗(yàn)證網(wǎng)絡(luò)文件傳輸?shù)耐暾砸约胺乐刮募蝗舜鄹?。下文我們就一起?lái)學(xué)習(xí)TypeScript與JavaScript項(xiàng)目里引入MD5校驗(yàn)和_MD5校驗(yàn),需要的朋友可以參考一下2022-02-02
layui復(fù)選框的全選與取消實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui復(fù)選框的全選與取消實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
淺析微信小程序自定義日歷組件及flex布局最后一行對(duì)齊問(wèn)題
這篇文章主要介紹了微信小程序自定義日歷組件及flex布局最后一行對(duì)齊問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10
window.onbeforeunload方法在IE下無(wú)法正常工作的解決辦法
下面的代碼可以做到不管用戶是點(diǎn)擊了關(guān)閉,或者是在任務(wù)欄關(guān)閉、點(diǎn)擊后退、刷新、按F5鍵,都可以檢測(cè)到用戶即將離開(kāi)的消息。2010-01-01
JavaScript實(shí)現(xiàn)繼承的4種方法總結(jié)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)繼承的4種方法總結(jié),本文給出了原型鏈繼承、構(gòu)造繼承、實(shí)例繼承、拷貝繼承等實(shí)現(xiàn)JS繼承的方法,需要的朋友可以參考下2014-10-10

