Object.keys后key值数组乱序的问题

30 篇文章 0 订阅

关于造成这个问题的原因

为什么Object.keys等遍历对象keys值会造成乱序输出的问题

我的需求:

每个试题名字后有相关的单元ID,我是根据截取字符串做的排序规则,这会使单元1正常显示在第一个的位置

如果说没有相关规则,兄弟可以自己想办法造一个,或者和后端沟通好,显示的顺序是什么,因为毕竟想要有顺序展示的需求就一定是有相关规则的

我给出的这个问题的其中之一的解决方案如下:

我的处理之前的数据类型

在这里插入图片描述
看起来这里没有什么问题,但是通过Object.keys输出后 是单元2 在单元1的前面,所以这里我们需要对处理后的数据进行排序

const stringToArrSort = (target) => {
  return Number(target.slice(target.lastIndexOf('-') + 1));
};

const sortArrByUnitId = (listData) => {
  return listData.sort((a, b) => {
    const sortA = stringToArrSort(a);
    const sortB = stringToArrSort(b);
    return sortA - sortB;
  });
};

我是通过 ‘-’ 把id取出来,进行比大小,这样输出出来的结果就能正常按顺序展示了

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值