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’ } ]
问题解答
回答1:如果 orders 里面是按 0 ~ n 的连续值,那你的方法已经非常非常快了,其它库方法达不到这个速度(因为它们会考虑不连续的情况)
如果不连续,可以用 sort
newOrderedArr = arr.sort((a, b) => order[a.name] - order[b.name]);
或者也可以用你的办法,再加个过滤
newOrderedArr = newOrderedArr.filter(n => n);
补充:对非连续序号的情况,加不加排序的比较如图

这个思路觉得已经很快了。从易用的角度看 order 的 index 可以生成,这样每次输入名字的数组即可。
但如果有重名则不行。得为每个名字维护个数组记录,最后再 concat 起来
相关文章:
1. mysql - SQL添加记录的数据来源于同一个表2. clone - git sourceTree克隆仓库时,都不停弹出Password Required弹窗,即时输入正确的git账号密码还是弹出3. 导入数据库不成功4. javascript - vue报错,昨天也是这么写的也没报错呀,今天就报错了,不知原因。求解决5. css - 关于HTML中width和height的疑问(这个提问的标题不好起)6. javascript - grunt、gulp和webpack有什么区别和各自的优缺点7. css - div设置float:left后高度设置自动会无效 ?8. javascript - 三目运算符的一些问题9. javascript - vuex 参数绑定问题求解10. javascript - 请教,用原生js插入html的问题

网公网安备