打字稿枚举 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)));

或者对于数字或字符串值（需要 tsconfig 中的 es2017 库）：

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