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

我希望使用a变量动态访问键/值对。我可以使用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

---

CodePen:

这应该可以解决问题

topics[topic].color

让topic=‘社交’； 常量主题={ 社会：{ 颜色：“红色” }, 情绪化：{ 颜色：“蓝色” }, 物理：{ 颜色：“绿色” } }; console.logtopics[topic].color；使用括号表示法-topics[topic].color