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聚焦于第一个字段的代码
Oct 15 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
Webpack实战加载SVG的方法
Dec 26 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
javascript function(函数类型)使用与注意事项小结
Jun 10 Javascript
WEEX环境搭建与入门详解
Oct 16 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
mac下Apache + MySql + PHP搭建网站开发环境
2014/06/02 PHP
php简单的上传类分享
2016/05/15 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
jQuery 1.3 和 Validation 验证插件1.5.1
2009/07/09 Javascript
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
jQuery 表格插件整理
2010/04/27 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
jquery插件autocomplete用法示例
2016/07/01 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
python fabric实现远程操作和部署示例
2014/03/25 Python
跟老齐学Python之??碌某?? target=
2014/09/12 Python
Python类的多重继承问题深入分析
2014/11/09 Python
解决新django中的path不能使用正则表达式的问题
2018/12/18 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
python循环输出三角形图案的例子
2019/11/22 Python
利用Python代码实现一键抠背景功能
2019/12/29 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
python 实现波浪滤镜特效
2020/12/02 Python
Python中pass语句的作用是什么
2016/06/01 面试题
门卫岗位职责
2013/11/15 职场文书
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js