在Javascript（Vue）中获取对象内部的对象

Question

有一个我无法想象的简单问题（我是初学者）......

我有一个对象的对象：

monsters {
    place1: {
        monster1: { ... }
        monster2: { ... }
    }

    place2: {
        monster3: { ... }
        monster4: { ... }
    }
}

我想得到像这样的东西 - monsters.place1.monster1.X

但问题是 - 我必须调用this.place1（组件中的Vue.js数据） 所以 - monsters.this.place1.monster1.X - 当然没有工作

我如何获取信息？

谢谢：）

Answer 1

如果要按变量名访问属性，则需要使用bracket notation：

monsters[this.place1].monster1.X