You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用变量访问JSON数据中的指定语言属性字段

解决动态访问对象属性的问题

你已经离成功只差一步啦!在JavaScript里,当你需要用变量来访问对象的属性时,方括号表示法就是你要找的工具——它和你之前用的点表示法不同,支持用字符串变量动态获取属性。

具体解决方案

你已经正确拼接出了属性名变量arrayElem,现在只需要把原来的点表示法换成方括号表示法即可:

// 假设你已经设置了目标语言代码,比如'EN'、'FR'、'ES'等
const languageCode = 'EN';
const arrayElem = 'strBiography' + languageCode;
const descArtElement = document.getElementById('descArtist');

// 用方括号表示法动态访问对应语言的传记
descArtElement.innerText = data.artists[0][arrayElem];

为什么这样可行?

  • 点表示法(比如data.artists[0].strBiographyEN)只能直接写固定的属性名,无法用变量替代。
  • 方括号表示法允许你传入字符串变量,JS会自动解析变量的值作为属性名去访问对象内容。比如当languageCode是'FR'时,arrayElem变成'strBiographyFR',代码就会获取法语版本的传记。

额外优化建议(可选)

为了避免目标语言不存在时显示undefined,可以加个容错判断:

const biography = data.artists[0][arrayElem];
// 如果对应语言的传记不存在,显示默认提示
descArtElement.innerText = biography || '该语言的艺术家传记暂未提供';

内容的提问来源于stack exchange,提问作者juniorDevFla

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.01 01:08:15