Question

我有enum，它来自后端

这里是枚举

    export enum InquiryStatus {
    _0 = 0, 
    _1 = 1, 
    _2 = 2, 
}

我创建枚举，像这样在下拉菜单中使用

  export enum InquiryStatuses {
    Pending = InquiryStatus._0,
    Quoted = InquiryStatus._1,
    Lost = InquiryStatus._2,
}

然后像这样填充数组

filter: SelectItem[] = [];
     ngOnInit(): void {
        this.filter = [
            { label: 'Pending', value: InquiryStatuses.Pending },
            { label: 'Quoted', value: InquiryStatuses.Quoted },
            { label: 'Lost', value: InquiryStatuses.Lost },
        ];
    }

我需要在函数中进行填充。即，将数组的名称和名称作为参数，并将填充的数据返回到数组。我该如何正确执行此操作？

Answer 1

执行此操作的常用方法可能是这样的：

this.filter = Object.keys(InquiryStatuses)
                  .filter(k => typeof InquiryStatuses[k] === 'number')
                  .map(label => ({ label, value: InquiryStatuses[label] })))

由于Typescript在转换为对象时会将枚举中的属性“加倍”，因此我们必须首先对其进行过滤。

Answer 2

由于yurzui写了一个很好的答案，所以我只添加我做类似事情的方式。

export class EnumHelper {

    /** Returns array of objects based on enum values.
     *  Every object has text and value. 
     * Formats enum names if they are in pascal case.*/
    public static getTextAndValue(type: any, pascalCase: boolean = false): object[] {
        const result: Array<object> = [];
        for (var value in type) {
            if (Number.isInteger(type[value])) {
                result.push({ value: type[value], text: pascalCase ? value.replace(/([A-Z])/g, ' $1').trim() : value });
            }
        }
        return result;
    }
}

从枚举（角度）填充数组

2 个答案: