JavaScript enum枚举类型定义及使用方法


Posted in Javascript onMay 15, 2020

enum型也被成为枚举类型,它是一种可以将多个常量分组为一个并附加一系列值的类型,使用枚举定义的常量称为枚举器列表,默认情况下,枚举器从零开始按顺序编号。本篇文章给大家介绍关于JavaScript中枚举类型的使用。

JavaScript中enum(枚举类型)是什么?

JavaScript中是没有枚举类型的,除了JavaScript以外的语言都有enum这个关键词,但为了在JavaScript中使用枚举变量,我们必须自己创建它。

下面我们就来看如何在JavaScript中定义enum(枚举类型)

我们来看在JavaScript中定义enum(枚举类型)具体的示例

代码如下

var Fruit = {
 orange : 1,
 banana : 2,
 peach : 3,
 strawberry : 4
};
var myvar = Fruit.orange;
if (myvar == 1){
 console.log("It is an orange!");
}
else {
 console.log("It is NOT an orange");
}

执行结果如下

JavaScript enum枚举类型定义及使用方法

在上面的代码中,我们首先创建了一个名为Fruit的字典变量。

在Fruit变量中设置了多个枚举器,并分别给出了它们的整数值。

然后我们使用运算符将orange枚举器的值存储在变量myvar中。

如果myvar的值为1,则在JavaScript控制台中显示It is an orange!,否则显示It is NOT an orange!。

最后,在这种情况下,myvar的值为1,所以显示It is an orange!。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 10件让人费解的事情
Feb 15 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
编写高质量JavaScript代码的基本要点
Mar 02 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
Dec 07 Javascript
JavaScript事件委托原理与用法实例分析
Jun 07 Javascript
深入理解react-router 路由的实现原理
Sep 26 Javascript
Vue如何基于es6导入外部js文件
May 15 #Javascript
JavaScript onclick事件使用方法详解
May 15 #Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 #Javascript
用Angular实现一个扫雷的游戏示例
May 15 #Javascript
Node.js API详解之 dns模块用法实例分析
May 15 #Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 #Javascript
js实现简单贪吃蛇游戏
May 15 #Javascript
You might like
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
js 编程笔记 无名函数
2011/06/28 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
VSCode配置react开发环境的步骤
2017/12/27 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
Python3 批量扫描端口的例子
2019/07/25 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
戴森英国官网:Dyson英国
2019/05/07 全球购物
法国体育用品商店:GO Sport
2019/10/23 全球购物
班主任工作年限证明
2014/01/12 职场文书
年度考核评语
2014/01/19 职场文书
学生安全教育材料
2014/02/14 职场文书
派出所所长先进事迹
2014/05/19 职场文书
物流管理专业推荐信
2014/09/06 职场文书
求职自我推荐信
2015/03/24 职场文书
大学新生入学感想
2015/08/07 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫