使用JavaScript变量作为多维关联数组访问指针的正确语法是什么？

嘿，别着急，这个问题其实是JavaScript里访问对象属性的基础语法问题，我来给你讲清楚：

首先要明确一点：从PHP传过来的二维关联数组，在JavaScript里其实是一个对象（Object），不是严格意义上的数组（数组是索引为数字的有序集合）。访问对象的属性有两种方式：

• 点语法：obj.propertyName —— 只能用固定的、字面量的属性名（比如你写的jsArray.S1.oaland就属于这种）
• 方括号语法：obj[propertyVariable] —— 当属性名是变量或者动态生成的时候，必须用这种方式

你之前尝试的几种写法都是语法错误或者思路不对：

• jsArray.newCode.oaland：这里的newCode会被当成对象的一个字面量属性名，而不是你定义的变量，所以自然找不到对应的值
• jsArray.[newCode].oaland：多了个多余的点，属于语法错误，浏览器会直接报错
• jsArray.${newCode}.oaland：模板字符串不能这么嵌套在点语法里，完全不符合JS语法规则

正确的写法 #

只需要把点语法换成方括号语法，去掉多余的符号就行：

function changeCode(selectElement) { 
  const newCode = selectElement.value; 
  // 注意：PHP这边最好用json_encode来转数组，确保生成合法的JS对象
  var jsArray = <?php echo json_encode($pcodeData);?> ; 
  
  // 正确的动态属性访问方式
  console.log(jsArray[newCode].oaland);
  
  // 额外建议：最好加个判断，避免当newCode不存在时报错
  if (jsArray[newCode]) {
    console.log(jsArray[newCode].oaland);
  } else {
    console.log(`没有找到对应${newCode}的数据哦`);
  }
}

补充说明 #

为什么jsArray.S1.oaland能生效？因为S1是对象的一个固定属性名，点语法可以直接识别。但当你用变量newCode来指代属性名时，必须用方括号把变量包起来，这样JS才会把它当成变量解析，而不是字面量的属性名。

另外，PHP那边记得用json_encode()来输出数组，而不是直接echo，这样能保证输出的内容是符合JavaScript语法的对象格式，避免因为特殊字符或者结构问题导致JS解析错误。

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