javascript - 特定对象的 TypeScript 枚举

Question

我有以下 TypeScript 枚举:

export declare enum SupportedLanguages {
    en,
    fr
}

如果我将它导入到我的 React 应用程序中并 console.log 它，我将返回以下对象:

{
  en: "en", 
  fr: "fr"
}

我如何操作它，以便返回以下对象？

{
  en: "",
  fr: ""
}

我用 const Lang = Object.keys(SupportedLanguages) 和 .map() 试过了，但我没有得到预期的对象返回。

Answer 1

您可以获得键，并将它们映射到 [key, ''] 的元组，然后使用 Object.fromEntries() 转换回对象:

const supportedLanguages = {
  en: "en", 
  fr: "fr"
};

const result = Object.fromEntries(
  Object.keys(supportedLanguages)
    .map(k => [k, ''])
);

console.log(result);

如果您收到这样的错误:

TS2550: Property 'fromEntries' does not exist on type 'ObjectConstructor'. Do you need to change your target library? Try changing the lib compiler option to 'es2019' or later.

将es2019添加到项目的tsconfig.json中的compilerOptions.lib:

{
  "compilerOptions": {
    "lib": [
      "es2019"
    ]
  }
}