大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
为什么会有这篇文章
笔者最近在进行业务开发的时候遇到了遇到了一个数据格式的问题。
问题：将一个团队中成员的婚姻状况分别以人数和百分比的方式展示出来。
要求的效果如下：
| 未婚 | 已婚 | 单身 | 丧偶 | 总数 | |
|---|---|---|---|---|---|
| 人数 | 0 | 2 | 2 | 0 | 5 |
| 百分比 | 0% | 50% | 50% | 0 | 100% |
后端给到的数据结构如下：
后端没有提供接口来获取对应的枚举值，所以只有前端也实现一个枚举与后端返回的数据结构进行对应。
这样程序运行了很久没有问题，突然有一天产品提出一个需求，要求把已婚字段放在最前面。技术Leader要求不修改后端的代码由前端实现，于是笔者便想到了使用有序Map来实现对应的功能。
Map与对象的区别
Object是JS中的一种数据类型，所有的基础数据类型都继承Object进行实现。
在JS中Map也是继承自Object进行实现的。
有序Map
在JS中有序Map通过Map对象进行实现。
上面的需求通过Map进行实现之后为
无序Object
js中常规对象都是无序map，如果属性值中存在typeof Numebr(key) === ‘number’ 为true的情况会顺序不会按照理想的顺序来排列。
总结
在JS中使用Map来存储数据如果不涉及枚举或者没有顺序要求使用Object进行实现，如果存在顺序要求使用有序Map进行实现。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/193399.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...