使用Object的keys,values,entries方法时的顺序问题
发表于:2023-07-05 |

前言

挺久没更新了,其实这几天我也没学,公司的活有点多,回家就想休息了,我也就没更新,等过段时间闲下来再把这段时间缺了的内容记录给补一下,不知道大家有没有遇到过,就是将对象变成数组的时候,顺序变了,今天就和大家分享下如何解决这个问题。

错乱顺序展示

比如我们是这样一个对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// 包装种类,其他包装
export const packingList = {
'00': '散装',
'01': '裸装',
'22': '纸制或纤维板制盒/箱',
'23': '木制或竹藤等植物性材料制盒/箱',
'29': '其他材料制盒/箱',
'32': '纸制或纤维板制桶',
'33': '木制或竹藤等植物性材料制桶',
'39': '其他材料制桶',
'04': '球状罐类',
'06': '包/袋',
'92': '再生木托',
'93': '天然木托',
'98': '植物性铺垫材料',
'99': '其他包装'
}

当我们使用对象变成数组的方法时,这里以Object.entries为例,直接点,我们浏览器控制台执行代码

1
Object.entries(packingList)

效果图

解决办法

而要解决这个问题,其实很简单只需要sort一下即可

1
Object.entries(packingList).sort()

效果图

上一篇:
【可视化学习】29-智慧城市(一)
下一篇:
【Canvas学习】01-了解canvas(一)