javascript - 将对象数据引用到另一个对象 -> object.property.OTHEROBJECT.PROPERTY.length

Question

这个问题已经有答案了:

Accessing an object property with a dynamically-computed name (19 个回答)

已关闭 3 年前。

我有 2 个对象，player和rooms

我有一个ul我想填充的标签 li取决于有多少选项以及玩家所在的位置。

我有以下内容

let player = {
  name: "",
  location: "start"
}

let rooms = {
  start: {
       name: "outside",
       test: "testing",
       options:{
            option1: "Option 1",
            option2: "OPtion 2"
       }
      },
    end:{
      name: "outside",
       test: "testing",
       options:{
            option1: "start",
            option2: "end"

        }
    }
}


for (let key in rooms.start.options){
  let option = document.createElement("li");                 
option.innerHTML = (rooms.(player.location).options[key]);
optionsList.appendChild(option)
  console.log();
}

我不确定如何在最后几行中引用玩家位置，因此我可以:

option.innerHTML = (rooms.start.options[key]);或

option.innerHTML = (rooms.end.options[key]);

有些人建议使用数组，但我喜欢引用，例如 player.name , player.location等

Answer 1

试试这个方法

使用括号表示法

for (let key in rooms.start.options){
   console.log(rooms[player.location].options[key]); 
}

希望对你有帮助