有序map和无序map_map怎么实现有序

大家好，又见面了，我是你们的朋友全栈君。

目录

• 为什么会有这篇文章
• Map与对象的区别
  • 有序Map
  • 无序Object
• 总结

为什么会有这篇文章

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

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

要求的效果如下：

后端给到的数据结构如下：

后端给到的数据结构

后端没有提供接口来获取对应的枚举值，所以只有前端也实现一个枚举与后端返回的数据结构进行对应。

前端对应后端的枚举值实现

这样程序运行了很久没有问题，突然有一天产品提出一个需求，要求把已婚字段放在最前面。技术Leader要求不修改后端的代码由前端实现，于是笔者便想到了使用有序Map来实现对应的功能。

Map与对象的区别

Object是JS中的一种数据类型，所有的基础数据类型都继承Object进行实现。 在JS中Map也是继承自Object进行实现的。

有序Map

在JS中有序Map通过Map对象进行实现。 上面的需求通过Map进行实现之后为

Map实现需求

无序Object

js中常规对象都是无序map，如果属性值中存在typeof Numebr(key) === ‘number’ 为true的情况会顺序不会按照理想的顺序来排列。

总结

在JS中使用Map来存储数据如果不涉及枚举或者没有顺序要求使用Object进行实现，如果存在顺序要求使用有序Map进行实现。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。