sort - javascript 手动指定对象阵列的顺序

问题描述

问 题

我有一个对象阵列，我希望他照我自己指定好的顺序做排列，如下，依照我指定好的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' } ]

解决方案

如果 orders 里面是按 0 ~ n 的连续值，那你的方法已经非常非常快了，其它库方法达不到这个速度(因为它们会考虑不连续的情况)

如果不连续，可以用 sort

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

或者也可以用你的办法，再加个过滤

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

补充：对非连续序号的情况，加不加排序的比较如图

这篇关于sort - javascript 手动指定对象阵列的顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！