sort - javascript 手動指定物件陣列的順序
淡淡烟草味
淡淡烟草味 2017-06-28 09:27:54
0
2
683

我有一個物件陣列,我希望他照我自己指定好的順序做排列,如下,按照我指定好的name順序做排列,純原生javascript我會使用以下的方式做,請問有沒有lodash或其他第三方的知名套件,可以達到如下的效果,或者說有其他更有效率簡單的寫法?


var arr = [
    {
        name:'小麦',
        phone:'112233'
    },
    {
        name:'绿绿',
        phone:'4445566'
    },
    {
        name:'增增',
        phone:'321321'
    },
    {
        name:'弱弱',
        phone:'123123'
    }
];

//希望达到的顺序 (我已知所有元素)
var order = {
    '增增':0,
    '弱弱':1,
    '绿绿':2,
    '小麦':3
};

var newOrderedArr = [];

arr.forEach((element)=>{
    newOrderedArr[order[element.name]] = element;
});

console.log(newOrderedArr);

console的結果如下

[ { name: '增增', phone: '321321' },
  { name: '弱弱', phone: '123123' },
  { name: '绿绿', phone: '4445566' },
  { name: '小麦', phone: '112233' } ]
淡淡烟草味
淡淡烟草味

全部回覆(2)
黄舟

如果 orders 裡面是按 0 ~ n 的連續值,那你的方法已經非常非常快了,其它庫方法達不到這個速度(因為它們會考慮不連續的情況)

如果不連續,可以用 sort

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

或也可以用你的辦法,再加個過濾

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

補充:對非連續序號的情況,加上不排序的比較如圖

漂亮男人

這個思路覺得已經很快了。從易用的角度看 order 的 index 可以生成,這樣每次輸入名字的陣列即可。

但如果有重名則不行。得為每個名字維護個陣列記錄,最後再 concat 起來

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板