【业务】JS中的有序Map与无序Object

为什么会有这篇文章

笔者最近在进行业务开发的时候遇到了遇到了一个数据格式的问题。

问题：将一个团队中成员的婚姻状况分别以人数和百分比的方式展示出来。

要求的效果如下：

	未婚	已婚	单身	丧偶	总数
人数	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进行实现。