javascript 如何對(duì)兩個(gè)數(shù)組進(jìn)行比較
問(wè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無(wú)變化保留,key:22被添加
[{key:1,name:’name11’},{key:3,name:’name3’},{key:4,name:’name4’},{key:5,name:’name5’},{key:22,name:’name22’}]
請(qǐng)問(wèn)一下如何才能實(shí)現(xiàn)這個(gè)邏輯
問(wèn)題解答
回答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差不多我那樣寫(xiě)應(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)該可以滿(mǎn)足你的要求
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. node.js - nodejs,express搭建,為什么ejs模板被解析成pre了?2. javascript - postcss-loader在webpack2的使用.3. angular.js - js 點(diǎn)擊事件onclick=“”,引號(hào)內(nèi)的函數(shù)名字 可以為 變量嗎4. css3 實(shí)現(xiàn)一個(gè)線性漸變出現(xiàn)的問(wèn)題?5. angular.js - Angular中關(guān)于控制器編寫(xiě)方式的問(wèn)題6. android - 如何使用view group的bitmap做一個(gè)倒影效果,同時(shí)忽略scale的view7. linux - 無(wú)法使用ifconfig來(lái)配置ip信息8. mysql - 關(guān)聯(lián)數(shù)據(jù)表的更新問(wèn)題9. 求救一下,用新版的phpstudy,數(shù)據(jù)庫(kù)過(guò)段時(shí)間會(huì)消失是什么情況?10. mysql - mybatis 查詢(xún) 統(tǒng)計(jì)某個(gè)列數(shù)量 ,根據(jù)一個(gè)列,分組查詢(xún),在xml文件如何接收
