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

有序map和无序map_map怎么实现有序【业务】JS中的有序Map与无序Object

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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进行实现之后为
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账号...

(0)
blank

相关推荐

  • SQL中的DECIMAL()函数

    SQL中的DECIMAL()函数    Decimal为SQL Server数据类型,属于浮点数类型。一个decimal类型的数据占用了2~17个字节。    Decimal 数据类型Decimal变量存储为96位(12个字节)无符号的整型形式,    D

  • 免费已备案二级域名_二级免备案域名

    免费已备案二级域名_二级免备案域名今天给大家推荐一个免备案的免费二级域名注册平台。DYUNS域名网-永久免费域名_免备案域名只需要一个邮箱,就能注册到自己的二级域名,非常方便。提供”icu.ltd”等超短域名注册服务,非常有利于用户访问与记忆。平台还提供了免费的CDN+防御+免备案服务,这是其他平台都没有的,也是我选择它的理由之一。管理也非常方便,后台一键就能完成自助删改解析等操作。官方客服的服务也是十分的到位,体验很好。大家也可以自行注册体验哦!…

  • 常用的一些vscode前端插件

    常用的一些vscode前端插件前端常用插件

  • vue富文本编辑器插件推荐_elementui富文本编辑器

    vue富文本编辑器插件推荐_elementui富文本编辑器富文本编辑器官网http://tinymce.ax-z.cn安装npminstalltinymce-Snpminstall@tinymce/tinymce-vue-S下载语言包语言包下载完之后在项目里新建public文件夹1)在public目录下新建tinymce文件夹,并将下载的语言包解压到该目录下2)在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面<template><divclass

    2022年10月15日
  • pytest parametrize fixture_reno参数

    pytest parametrize fixture_reno参数前言当某个接口中的一个字段,里面规定的范围为1-5,你5个数字都要单独写一条测试用例,就太麻烦了,这个时候可以使用pytest.mark.parametrize装饰器可以实现测试用例参数化。官方示

  • HTTP.SYS远程代码执行漏洞(CVE-2015-1635,MS15-034)

    HTTP.SYS远程代码执行漏洞(CVE-2015-1635,MS15-034)漏洞描述及渗透过程HTTP协议堆栈(HTTP.sys)中存在一个远程执行代码漏洞,该漏洞是在HTTP.sys不正确地分析特制HTTP请求时引起的。漏洞危害攻击者只需要发送恶意的http请求数据包,就可能远程读取IIS服务器的内存数据,或使服务器系统蓝屏崩溃。修复建议1)微软官方已经给出修复补丁(KB3042553),用户安装修复补丁即可。变通办法,禁用IIS内核缓存(可能降低IIS…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号