sort - javascript 手動指定物件陣列的順序

Question

我有一個物件陣列，我希望他照我自己指定好的順序做排列，如下，按照我指定好的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' } ]

Answer 1

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

如果不連續，可以用 sort

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

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

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

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

Answer 2

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

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