首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何遍历枚举值以便在单选按钮中显示?

如何遍历枚举值以便在单选按钮中显示?
EN

Stack Overflow用户
提问于 2016-09-07 22:35:35
回答 1查看 289.7K关注 0票数 322

在TypeScript中循环枚举的文字的正确方法是什么?

(我目前使用的是TypeScript 1.8.1。)

我得到了以下枚举:

代码语言:javascript
复制
export enum MotifIntervention {
    Intrusion,
    Identification,
    AbsenceTest,
    Autre
}

export class InterventionDetails implements OnInit
{
    constructor(private interService: InterventionService)
    {
        let i:number = 0;
        for (let motif in MotifIntervention) {
            console.log(motif);
        }
    }

显示的结果是一个列表

代码语言:javascript
复制
0
1
2
3
Intrusion,
Identification,
AbsenceTest,
Autre

我确实希望循环中只有四次迭代,因为枚举中只有四个元素。我不想让0,1,2和3看起来像是枚举的索引号。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-07 22:40:53

有两个选项:

代码语言:javascript
复制
for (let item in MotifIntervention) {
    if (isNaN(Number(item))) {
        console.log(item);
    }
}

代码语言:javascript
复制
Object.keys(MotifIntervention).filter(key => !isNaN(Number(MotifIntervention[key])));

(code in playground

编辑

字符串枚举看起来与常规枚举不同,例如:

代码语言:javascript
复制
enum MyEnum {
    A = "a",
    B = "b",
    C = "c"
}

编译为:

代码语言:javascript
复制
var MyEnum;
(function (MyEnum) {
    MyEnum["A"] = "a";
    MyEnum["B"] = "b";
    MyEnum["C"] = "c";
})(MyEnum || (MyEnum = {}));

它只给出了这个对象:

代码语言:javascript
复制
{
    A: "a",
    B: "b",
    C: "c"
}

您可以像这样获取所有的密钥(["A", "B", "C"]):

代码语言:javascript
复制
Object.keys(MyEnum);

和值(["a", "b", "c"]):

代码语言:javascript
复制
Object.keys(MyEnum).map(key => MyEnum[key])

或者使用Object.values()

代码语言:javascript
复制
Object.values(MyEnum)
票数 542
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39372804

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档