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 相关文章推荐
js类定义函数时用prototype与不用的区别示例介绍
Jun 10 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
使用DataTable插件实现异步加载数据
Nov 19 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 Javascript
webpack常用构建优化策略小结
Nov 21 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 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
PHP中数组的三种排序方法分享
2012/05/07 PHP
php读取纯真ip数据库使用示例
2014/01/26 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
11款基于Javascript的文件管理器
2009/10/25 Javascript
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
2011/11/17 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
2014/01/31 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
vuex提交state&&实时监听state数据的改变方法
2018/09/16 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
JS合并两个数组的3种方法详解
2019/10/24 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
详解python3中socket套接字的编码问题解决
2017/07/01 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
python创建学生管理系统
2019/11/22 Python
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
经济与贸易专业应届生求职信
2013/11/19 职场文书
关于人生的感言
2014/01/17 职场文书
动漫专业高职生职业生涯规划书
2014/02/15 职场文书
业务内勤岗位职责
2014/04/30 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python
SpringBoot快速入门详解
2021/07/21 Java/Android
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL