javascript 如何對兩個數(shù)組進行比較
問題描述
數(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的基礎上進行修改
[{key:1,name:’name11’},{key:22,name:’name22’}]
現(xiàn)在需要最后的結果為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’}]
請問一下如何才能實現(xià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差不多我那樣寫應該會得到你最后想要的那種結果
回答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ù)組解耦,這樣應該可以滿足你的要求
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ù)組合并),將下面的代碼拿到控制臺輸出一下就行了
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'}]);
然后修改下適應你的需求:
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'}]);
相關文章:
1. javascript - 前端開發(fā) 本地靜態(tài)文件頻繁修改,預覽時的緩存怎么解決?2. javascript - jQuery each 方法第三個參數(shù)args 如何解釋?3. css3的背景圖片屬性有沒有把圖中這塊藍框區(qū)域(275*230)完整放在60*50區(qū)域?怎么寫呢4. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術嗎?5. javascript - js中遞歸與for循環(huán)同時發(fā)生的時候,代碼的執(zhí)行順序是怎樣的?6. java - new + 類名,一定需要申明一個對象嗎?7. 新手 - Python 爬蟲 問題 求助8. mysql數(shù)據(jù)庫每次查詢是一條線程嗎?9. python - linux怎么在每天的凌晨2點執(zhí)行一次這個log.py文件10. 如何分別在Windows下用Winform項模板+C#,在MacOSX下用Cocos Application項目模板+Objective-C實現(xiàn)一個制作游戲的空的黑窗口?
