检查枚举中定义的项目[重复]

Question

我有一个枚举，其中存储了一些如下所示的 UI 元素值：

const uiElementAttributes = {
   1: {
      id: 1,
      color: 'red',
      icon: 'icon-something.png'
   },
   2: {
      id: 2,
      color: 'yellow',
      icon: 'icon-something-else.png'
   },
   3: {
      id: 3,
      color: 'blue',
      icon: 'icon-this-item.png'
   },
   99: {
      id: 99,
      color: 'black',
      icon: 'icon-black.png'
   }
};

我有一个函数，它将根据传递给我的函数的 id 从枚举中返回正确的对象。我的问题是如何检查枚举中是否定义了值？

函数如下：

const getAttributes (id) => {

   // How do I check to see if the id is in the enum?
   if(checkIfIdIsInEnum) {
      return uiElementAttributes[id];
   } else {
      return uiElementAttributes[99];
   }

};

更新：我正在尝试建议的答案。它看起来确实很简单，但看起来当 webpack 将我的代码转换为 vanilla JS 时，它会在我的 enum 的末尾添加 default，即 undefined。知道是什么原因造成的——见下文？如您所见，我传递的id 值是1，因此它应该能够在我的枚举对象中找到值1。

这是实际的enum 对象：

这是实际的功能代码：

更新 2： 我通过在花括号中导入枚举解决了这个问题——见下文：

import {calendarEvents} from '../../enums/calendarEvents';

Answer 1

在这种特殊情况下，您可以访问该属性，如果结果为假，则使用默认属性99。

const getAttributes = id => uiElementAttributes[id] || uiElementAttributes[99];

否则，您可以使用in operator，或建议的Object#hasOwnProperty。