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. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!2. macos - mac下docker如何设置代理3. python3.x - python连oanda的模拟交易api获取json问题第五问4. css如何隐藏滚动条?5. 在mac下出现了两个docker环境6. android - Python代码转为java代码?7. 如何解决Centos下Docker服务启动无响应,且输入docker命令无响应?8. atom开始输入!然后按tab只有空格出现没有html格式出现9. css - vue.js的vue单文件组件style中的scoped属性无效10. node.js - npm init无法一直回车。到version就卡主不动了
