如何通过变量动态调用JavaScript嵌套对象属性？（ReferenceError报错）

错误原因分析 #

你遇到的报错核心问题是点语法无法用变量作为属性名，以及参数传递错误：

1. 首次尝试中，player是字符串"creekchub"，不是对象本身；且player.server.event里的server、event会被JS解析为字面量属性名，而非你定义的变量，自然找不到对应属性。
2. 函数调用时，你传入的islandWarrior、iw1是未定义的变量，而非字符串或对象的对应属性，导致报错。

最优实现方案 #

方案1：用方括号语法动态访问属性 #

把所有玩家数据统一放在一个容器对象中（避免直接操作全局变量，更安全），然后通过方括号[]传入变量来动态访问层级属性：

// 统一管理所有玩家数据
const players = {
  creekchub: {
    islandWarrior: {
      iw2: { sb: 850, tgttos: 1670, hitw: 2300, bb: 1985 },
      iw1: { sb: 600, tgttos: 1850, hitw: 2100, bb: 1650 }
    }
  }
};

let player = "creekchub";
let server = "islandWarrior";
let event = "iw1";

// 方括号语法支持变量作为属性名
console.log(players[player][server][event].bb); // 输出1650

方案2：优化函数版本 #

如果需要用函数封装逻辑，直接传递字符串类型的属性名，在函数内部用方括号访问：

const players = {
  creekchub: {
    islandWarrior: {
      iw2: { sb: 850, tgttos: 1670, hitw: 2300, bb: 1985 },
      iw1: { sb: 600, tgttos: 1850, hitw: 2100, bb: 1650 }
    }
  }
};

function printStats(playerName, serverName, eventName) {
  console.log(players[playerName][serverName][eventName].bb);
}

// 传入字符串类型的属性名
printStats("creekchub", "islandWarrior", "iw1"); // 输出1650

补充容错处理 #

如果你的场景中变量可能不存在（比如用户输入了无效的玩家/服务器名），可以添加简单的容错逻辑避免报错：

function printStats(playerName, serverName, eventName) {
  const target = players?.[playerName]?.[serverName]?.[eventName];
  console.log(target ? target.bb : "无效的属性路径");
}

内容的提问来源于stack exchange，提问作者Creekchub