JavaScript中如何显示含空格参数的JSON数据

嘿，我之前也碰到过一模一样的问题！核心原因就是带空格的键名没法用常规的「点语法」访问，得换个方式来取值，咱们分场景给你说清楚：

1. JavaScript/前端场景 #

假设你拿到的JSON数据是这样的：

{
  "Full Name": "Alberto",
  "Account Balance": 123.45
}

要是你尝试用 response.Full Name 这种写法，浏览器直接就会报错——因为点语法要求键名是合法的标识符（不能带空格、特殊字符）。正确的写法是用方括号+字符串键名：

// 正确取值方式
const fullName = response["Full Name"];
const accountBalance = response["Account Balance"];

2. Python后端场景 #

Python的字典和JSON结构逻辑类似，同样不能用点语法访问带空格的键，得用方括号或者get方法：

# 假设data是解析后的JSON字典
full_name = data["Full Name"]
# 或者用get方法，还能设置默认值避免键不存在报错
account_balance = data.get("Account Balance", 0)

3. 模板引擎场景（比如Handlebars、Jinja2） #

如果是在模板里渲染数据，同样要改用方括号语法：

• Handlebars模板：{{this["Full Name"]}}
• Jinja2模板：{{ data["Full Name"] }}

额外注意点 #

一定要检查键名的空格和大小写是否完全匹配！比如API返回的是"Full Name"，你写成"full name"或者"FullName"都会取不到值，这点特别容易踩坑。

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