如何访问键名含点号的嵌套JSON中的值？

当JSON对象的键名包含点号时，不能使用常规的点语法访问，必须改用方括号语法直接传入完整的键名。

JavaScript 实现示例 #

假设你的JSON数据已解析为对象errorData，访问指定键的message值：

// 解析后的JSON对象
const errorData = {
  "errors": {
    "products.2.name": {
      "message": "This field is required"
      // 其他字段省略...
    }
  }
};

// 直接用方括号包裹完整键名访问
const nameErrorMsg = errorData.errors["products.2.name"].message;
console.log(nameErrorMsg); // 输出: This field is required

批量处理错误提示（适配输入框场景） #

如果需要给所有对应输入框添加错误提示，可以遍历errors对象的键，匹配前缀后动态插入提示：

// 遍历所有错误键
Object.keys(errorData.errors).forEach(key => {
  // 筛选products.2开头的字段
  if (key.startsWith("products.2.")) {
    const errorMsg = errorData.errors[key].message;
    // 提取字段名（如name/price等）
    const fieldName = key.split(".").pop();
    // 找到对应的输入框
    const input = document.querySelector(`input[name="${fieldName}"]`);
    if (input) {
      // 创建并插入错误提示元素
      const errorEl = document.createElement("div");
      errorEl.style.color = "red";
      errorEl.textContent = errorMsg;
      input.parentNode.insertBefore(errorEl, input.nextSibling);
    }
  }
});

Python 实现示例 #

如果用Python处理同样的JSON数据，逻辑完全一致：

import json

# 假设JSON字符串已解析为字典
error_data = json.loads('{"errors": {"products.2.name": {"message": "This field is required"}}}')

# 方括号访问含点号的键
name_error = error_data["errors"]["products.2.name"]["message"]
print(name_error)  # 输出: This field is required

关键原因 #

常规点语法（如errorData.errors.products.2.name）会把.当作层级分隔符，试图依次访问products、2、name属性，但你的JSON中不存在这些层级属性，只有一个名为"products.2.name"的独立键，因此必须用方括号传入完整键名才能正确访问。

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