javascript - 如何使用变量访问键/值对？

Question

我希望使用变量动态访问键/值对。我可以使用 topics.social.color 获取我正在寻找的值，但主题会根据用户的选择而变化。如何使用主题变量动态获取主题颜色？

let topic = 'social';

const topics = {
    social: {
      color: 'red'
    },
    emotional: {
      color: 'blue'
    },
    physical: {
      color: 'green'
    }
};

console.log(topics.topic.color); // this does not work

代码笔:https://codepen.io/m-use/pen/XWJKBMB

Answer 1

这应该可以解决问题

topics[topic].color

let topic = 'social';

const topics = {
    social: {
      color: 'red'
    },
    emotional: {
      color: 'blue'
    },
    physical: {
      color: 'green'
    }
};

console.log(topics[topic].color);

Further Info