Typescript Enum Object.values() 返回值

Question

为什么Object.values()和 Object.keys()总是同时给出键和值？

考虑以下代码:

enum Enum {
    FOO,
    BAR
}

console.log(Object.values(Enum));
console.log(Object.keys(Enum));

其输出将是:

[ 'FOO', 'BAR', 0, 1 ]
[ '0', '1', 'FOO', 'BAR' ]

为什么这样做，我如何只获取键和值？

Answer 1

就是这样enum类型由 TypeScript 转译。

enum Enum {
    FOO,
    BAR
}

会变成

"use strict";
var Enum;
(function (Enum) {
    Enum[Enum["FOO"] = 0] = "FOO";
    Enum[Enum["BAR"] = 1] = "BAR";
})(Enum || (Enum = {}));

请注意，提供了数字键和字符串键以方便与这两种类型之间的映射，使您能够执行以下操作:

const value = Enum.FOO;  // inferred type Enum.FOO
const key = Enum[value]; // inferred type string

如果你想得到一个只有数字或字符串键的数组，你可以这样做:

const numericKeys = Object.keys(Enum).map(x => parseInt(x)).filter(x => !isNaN(x));
const stringKeys = Object.keys(Enum).filter(x => isNaN(parseInt(x)));

或者对于数字或字符串值(需要 es2017 中的 tsconfig 库):

const numericValues = Object.values(Enum).filter(x => typeof x === "number");
const stringValues = Object.values(Enum).filter(x => typeof x === "string");