首页 > 其他分享 >优雅使用前端枚举Enum,符合国标的那种!

优雅使用前端枚举Enum,符合国标的那种!

时间:2024-02-26 22:00:29浏览次数:23  
标签:text Enum value 优雅 枚举 values key type

image.png

01、什么是枚举Enum?

枚举Enum是在多种语言中都有的一种数据类型,用于表示一组特定相关的常量数据集合,如性别(男、女)、数据状态(可用、禁用)、垂直对齐(顶端、居中、底部)、星期等。特点是数据值固定,不会变,存储和显示的内容不同。

然而在JavaScript中并没有枚举Enum类型,TypeScript算是有(本文中暂没用用TS的枚举)。在前端项目中还是会用到经常用到这类型数据的,本文就对枚举做一个通用封装,并进行尽量全局的总结。

先来看看最常用的性别:

Text文字(界面显示) 编码(编码、传输、存储使用) 数字值(存储使用)
male/man/M 1
female/woman/F 2
其他 other 3

❓你的系统中性别用的什么存储的呢?

  • 在UI上显示为Text文字描述,如表格、单选项。
  • 传输或存储时,一般会用一个有意义的字符编码,或者数字,两种方式都有也都可以。
  • 如果数据量少,可以用字符编码,如M(男)、Male(男),可读性更好,就是占用空间比数字类型多。
  • 推荐采用短整形数字表示,存储空间更小,采用一个字节的最小整形即可(值为0到255)。

image.png

针对性别的枚举值,其实是有国家标准的,国标中就是用的整数值标识。

标签:text,Enum,value,优雅,枚举,values,key,type
From: https://www.cnblogs.com/anding/p/17627416.html

相关文章

  • ts 枚举的位运算
    枚举的位运算在枚举中,可以使用位运算符来对枚举值进行位运算操作。位运算是一种对二进制数进行操作的方式,它可以对枚举值的各个位进行逻辑运算,从而实现一些特定的功能。以下是常用的位运算符及其功能:按位与(&):将两个操作数的每个对应位进行与运算,结果中每个位都是两个操作数对应......
  • 在typescript项目中什么场景适合定义枚举值,什么场景适合定义常量类?
    在typescript项目中什么场景适合定义枚举值,什么场景适合定义常量类在TypeScript中,枚举(enum)和常量类(通常是带有只读属性的类)都有其适用场景:适合定义枚举值的场景:有限且命名的集合:当你需要表示一组固定的、可枚举的值,并且每个值都有一个明确的名字时,使用枚举类型是合适的。......
  • 简洁高效的实现多个 Enum 自由转换
    一:背景1.讲故事前段时间和同事负责一个项目的两个业务模块,可能大家缺少沟通,导致本该定义一个Enum的地方结果我俩各自定义了一个,导致后面这两个Enum进行对接就烦了,为了方便理解,也不想让大家看这崴脚的英文拼写,我就拿银行举例吧。A同事定义的枚举publicenumBa......
  • 枚举、注解
    枚举枚举对应英文(enumeration,简写enum)枚举是一组常量的集合可以这里理解:枚举属于一种特殊的类,里面只包含一组有限的特定的对象枚举实现方式自定义实现枚举使用enum关键字实现枚举自定义publicclassEnumeration01{publicstaticvoidmain(String[]args)......
  • 枚举
    1.简介枚举是基于已有知识来猜测答案的一种问题求解策略。枚举的思想是不断地猜测,从可能的集合中一一尝试,然后再判断题目的条件是否成立。2.要点2.1给出解空间建立简洁的数学模型。枚举的时候要想清楚:可能的情况是什么?要枚举哪些要素?2.2减少枚举的空间枚举的范围是什......
  • 洛谷【算法1-3】暴力枚举
    P2241统计方形(数据加强版)-洛谷|计算机科学教育新生态(luogu.com.cn)#include<bits/stdc++.h>usingnamespacestd;typedeflonglongll;constintINF=0x3f3f3f3f;lln,m,z,c;signedmain(){ios::sync_with_stdio(false);cin.tie(0);cout.tie(0);cin......
  • IfcBuildingElementProxyTypeEnum
    IfcBuildingElementProxyTypeEnum类型定义此枚举定义IfcBuildingElementProxy或IfcBuildngElementProxyType的可用泛型类型。 IFC2x3 新枚举IFC4更改枚举器PROVISIONFORVOID。DEPRECATION枚举器COMPLEX、ELEMENT、PARTIAL将不再使用。 EnumerationdefinitionConsta......
  • 判断枚举中是否包含指定值
    方法:Enum.IsDefined参数enumType类型:System.Type枚举类型。value类型:System.ObjectenumType 的常数的值或名称。[Flags]publicenumPetType{None=0,Dog=1,Cat=2,Rodent=4,Bird=8,Reptile=16,Other=32};objectvalue;Console.WriteLine("{0}:{1}......
  • java.util.Optional 是 Java 8 引入的一个类,用于处理可能为 null 的值。它可以避免 Nu
    可以使用 Optional 来包装可能为 null 的值,然后通过一系列方法来处理这个值,例如 isPresent() 检查是否有值,orElse() 获取值或默认值,map() 对值进行转换等。这样可以更安全地处理可能为 null 的情况。 importjava.util.Optional;publicclassOptionalExample{  ......
  • 标志枚举(Flag Enum)
    在C#中,使用Flags属性声明的枚举被称为标志枚举(FlagEnum)。标志枚举允许将多个枚举值组合成一个单独的值,以便同时表示多个状态或选项。当你使用标志枚举时,可以通过按位运算来组合、拆分和检查枚举值。这使得标志枚举在表示各种组合状态的选项时非常有用。[Flags]publice......