問題描述

我有一個(gè)對(duì)象陣列，我希望他照我自己指定好的順序做排列，如下，依照我指定好的name順序做排列，純?cè)鷍avascript我會(huì)使用以下的方式做，請(qǐng)問有沒有l(wèi)odash或其他第三方的知名套件，可以達(dá)到如下的效果，或者說有其他更有效率 簡單的寫法？

var arr = [ {name:’小麥’,phone:’112233’ }, {name:’綠綠’,phone:’4445566’ }, {name:’增增’,phone:’321321’ }, {name:’弱弱’,phone:’123123’ }];//希望達(dá)到的順序 （我已知所有元素）var order = { ’增增’:0, ’弱弱’:1, ’綠綠’:2, ’小麥’:3};var newOrderedArr = [];arr.forEach((element)=>{ newOrderedArr[order[element.name]] = element;});console.log(newOrderedArr);

console的結(jié)果如下

[ { name: ’增增’, phone: ’321321’ }, { name: ’弱弱’, phone: ’123123’ }, { name: ’綠綠’, phone: ’4445566’ }, { name: ’小麥’, phone: ’112233’ } ]

問題解答

如果 orders 里面是按 0 ~ n 的連續(xù)值，那你的方法已經(jīng)非常非常快了，其它庫方法達(dá)不到這個(gè)速度(因?yàn)樗鼈儠?huì)考慮不連續(xù)的情況)

如果不連續(xù)，可以用 sort

newOrderedArr = arr.sort((a, b) => order[a.name] - order[b.name]);

或者也可以用你的辦法，再加個(gè)過濾

newOrderedArr = newOrderedArr.filter(n => n);

補(bǔ)充：對(duì)非連續(xù)序號(hào)的情況，加不加排序的比較如圖

這個(gè)思路覺得已經(jīng)很快了。從易用的角度看 order 的 index 可以生成，這樣每次輸入名字的數(shù)組即可。

但如果有重名則不行。得為每個(gè)名字維護(hù)個(gè)數(shù)組記錄，最后再 concat 起來