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. javascript - 请问这段 el && fn.call(el, e, el)代码这么写什么意思?2. javascript - js 面向对象3. css3动画 - css3 animation初始动画卡顿是怎么回事?4. 如何解决tp6在zend中无代码提示5. css3 - 没明白盒子的height随width的变化这段css是怎样实现的?6. JAVA中间Object.wait()或者Condition.await()这样的条件状态满足条件之后重新获取锁的顺序问题?7. pdo_mysql 值自增写法8. python - 怎样在linux下开发flask web应用时查看代码出错(traceback)的地方。9. javascript - chart.js如何修改某个指定bar的颜色10. PHP中的$this代表当前的类还是方法?

网公网安备