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 起来

Answer 3

你把这个封装成Array原型的一个方法就是了啊，比如
Array.prototype.sortByOrder=function(order){

var newOrderedArr = [];
this.forEach(
    function (element) { newOrderedArr[order[element.name]] = element;
});
return newOrderedArr;

};
不过这个有点缺陷，就是不是对原数组进行排序，而是排序到一个新的数组，需要重新赋值一下
arr=arr.sortByOrder(order)
可以对这块代码改进下：
Array.prototype.sortByOrder=function(order){

var newOrderedArr = JSON.parse(JSON.stringify(this));
newOrderedArr.forEach(
    function (element) { this[order[element.name]] = element;},this);
return this;

};