javascript 如何對(duì)兩個(gè)數(shù)組進(jìn)行比較
問題描述
數(shù)組a
[{key:1,name:’name1’},{key:2,name:’name2’},{key:3,name:’name3’},{key:4,name:’name4’},{key:5,name:’name5’}]
數(shù)組b是在數(shù)組a的一部分
[{key:1,name:’name1’},{key:2,name:’name2’}]
數(shù)組c是在數(shù)組b的基礎(chǔ)上進(jìn)行修改
[{key:1,name:’name11’},{key:22,name:’name22’}]
現(xiàn)在需要最后的結(jié)果為key:1被修改,key:2被刪除,key:3,key:4,key:5無變化保留,key:22被添加
[{key:1,name:’name11’},{key:3,name:’name3’},{key:4,name:’name4’},{key:5,name:’name5’},{key:22,name:’name22’}]
請(qǐng)問一下如何才能實(shí)現(xiàn)這個(gè)邏輯
問題解答
回答1:你是要比較還是合并?合并用 deepmerge 很方便
回答2://引入Lodash_.extend(_.difference(a, b), c)回答3:
var a = [{key:1,name:’name1’},{key:2,name:’name2’},{key:3,name:’name3’},{key:4,name:’name4’},{key:5,name:’name5’}];var b = [{key:1,name:’name1’},{key:2,name:’name2’}];var c = [{key:1,name:’name11’},{key:22,name:’name22’}];var d = [];d = $.extend(a,(b,c));console.log(d);
extend方法 跟git 的merge差不多我那樣寫應(yīng)該會(huì)得到你最后想要的那種結(jié)果
回答4:function compare(val1,val2){ if(val1 < val2){return 1; }else if(val1 > val2){return -1; }else{return 0; }}var values = [1,2,50,60,10,20,80];values.sort(compare);alert(values); //80,60,50,20,10,2,1回答5:
如果找不到好的工具,或者不想污染命名空間,那就把數(shù)組解耦,這樣應(yīng)該可以滿足你的要求
let a = [{ key: 1, name: ’name1’ }, { key: 3, name: ’name3’ }, { key: 2, name: ’name2’ }, { key: 4, name: ’name4’ }, { key: 5, name: ’name5’ }];let b = [{ key: 1, name: ’name1’ }, { key: 2, name: ’name2’ }];let c = [{ key: 22, name: ’name22’ }, { key: 1, name: ’name11’ }];let akeys = a.map(x => x.key);let aname = a.map(x => x.name)let bkeys = b.map(x => x.key)//1,2let bname = b.map(x => x.name)let ckeys = c.map(x => x.key)//1,22let cname = c.map(x => x.name)ckeys.forEach(function (key, index) { if (bkeys.includes(key)) a[akeys.indexOf(key)].name = cname[ckeys.indexOf(key)] else { a[akeys.indexOf(bkeys[1])].key = key a[akeys.indexOf(bkeys[1])].name = cname[ckeys.indexOf(key)] }})console.log(a)回答6:
給你一段代碼拿去想象(只適用與數(shù)組合并),將下面的代碼拿到控制臺(tái)輸出一下就行了
function arrayExtends(){ var arrs = Array.prototype.slice.call(arguments); if(arrs.length < 2){return arrs[0]; } var save = arrs.pop(),now; while(now = arrs.pop()){for( var i = 0 , len = save.length; i < len; i++ ){ now[i] = save[i];}save = now; } return save;}arrayExtends([1,2,3,6,7],[4,5,{hello:'world'}],[{key:1,name:'zz'}]);
然后修改下適應(yīng)你的需求:
function arrayExtends(){ var arrs = Array.prototype.slice.call(arguments); if(arrs.length < 2){return arrs[0]; } var save = arrs.pop(),now; while(now = arrs.pop()){for( var i = 0 , len = save.length; i < len; i++ ){ now[i] = save[i];}save = now; } var result = save.sort(function(a,b){return a.key - b.key; }); return result;}arrayExtends([{key:1,name:'zz'}],[{key:2,name:'zz'},{key:3,name:'zz'}]);
相關(guān)文章:
1. angular.js - 輸入郵箱地址之后, 如何使其自動(dòng)在末尾添加分號(hào)?2. javascript - 后臺(tái)管理系統(tǒng)左側(cè)折疊導(dǎo)航欄數(shù)據(jù)較多,怎么樣直接通過搜索去定位到具體某一個(gè)菜單項(xiàng)位置,并展開當(dāng)前菜單3. 如何解決docker宿主機(jī)無法訪問容器中的服務(wù)?4. javascript - Web微信聊天輸入框解決方案5. javascript - 如何使用nodejs 將.html 文件轉(zhuǎn)化成canvas6. python - Scrapy存在內(nèi)存泄漏的問題。7. 如何用筆記本上的apache做微信開發(fā)的服務(wù)器8. CSS3 畫如下圖形9. angular.js - $stateChangeSuccess事件在狀態(tài)跳轉(zhuǎn)的時(shí)候不執(zhí)行?10. android - rxjava merge 返回Object對(duì)象數(shù)據(jù)如何緩存
