【TS】枚举

简介: 【TS】枚举

ts中,枚举类型就是,枚举里面的每个数据值都可以叫做元素,每个元素都有自己的编号,编号是从0开始的,依次递增加1 , 语法: enum 枚举名 {}

此处定义一个枚举类型,例如:

enum Color{
    red,    // 0  
    green,  // 1
    blue    // 2
}

在枚举类型中,属性的位置默认是从0开始的,colorred是第一个,默认位置为0,所以依次往下排列,值分别为:red:0, green:1, blue:2

可以定义一个枚举类型的变量,来接受枚举的值

// 定义枚举类型的变量 color 来接收 Color 的值
let color : Color = Color.red
console.log(color);  // 0  

根据默认值依次递增:

console.log(Color.red,Color.green,Color.blue);   //  0 , 1 ,2

可以通过枚举的编号拿到值

console.log(Color[2]);  // blue

根据上述的列子可以看出来,枚举其实就是根据默认值的顺序排列,枚举内第一个的默认值是 0的话,依次排列,第一个值是0,第二个值是1,第三个值是2。


但此时又有问题了,如果枚举内有4个值,第一个值为10 ,第三个值手动设置为30的话,又该怎么排列呢?

enum Nums2{
    red = 10,
    green,   // 递增
    blue = 30,
    cyan
}

在这里将枚举内的blue默认值设为30,如果依次排列的话,打印的就是

// 依次递增,第一个默认编号10   打印: 10 , 11 , 30 , 31
console.log(Nums2.red,Nums2.green,Nums2.blue);  

枚举的取值:

// 定义一个Nums2的枚举类型的变量来接受枚举的值
let nums2 : Nums2 = Nums2.red   // 此处的 Nums2.red的默认值为上面定义的 10 
console.log(nums2);  // 10

案例源码:https://gitee.com/wang_fan_w/ts-seminar

如果觉得这篇文章对你有帮助,欢迎点亮star

目录
相关文章
|
6月前
|
JavaScript
|
7月前
|
JavaScript 编译器 开发者
TS类型断言
TS类型断言
55 0
|
7月前
|
存储 JavaScript 算法
TS泛型类型
TS泛型类型
66 0
|
JavaScript
对TS里泛型的理解
对TS里泛型的理解
76 1
|
7月前
|
JavaScript
ts中的元组是什么有什么用
ts中的元组是什么有什么用
134 0
|
JavaScript
ts中枚举
ts中枚举
60 0
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
ts - 泛型
泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。
|
JavaScript 前端开发
ts - 类
TypeScript支持JavaScript的新特性,比如支持基于类的面向对象编程。让我们创建一个Student类,它带有一个构造函数和一些公共字段。 注意类和接口可以一起工作。