如何访问JSON数组对象第三层级的嵌套数据

问题原因 #

你的字段访问层级错误：state、country iso字段与 rate_center 是同级属性，都直接挂载在 regional_data 对象下。row.regional_data.rate_center 本身是字符串类型的值，没有嵌套的子属性，你之前尝试访问row.regional_data.rate_center.state自然无法拿到结果。

正确写法 #

直接从 regional_data 下读取对应字段即可：

// 读取state
row.regional_data.state
// 读取country iso
row.regional_data.country_iso

如果实际返回的country iso字段名和示例不符，你可以打印row.regional_data查看完整属性列表后调整字段名即可。

修正后的代码片段 #

你可以把模板字符串中的p标签替换为以下内容：

<p>${row.number_e164}, ${row.regional_data.rate_center}, ${row.regional_data.state}, ${row.regional_data.country_iso}</p>

兼容提示 #

如果部分返回结果中regional_data可能不存在，你可以使用可选链操作符避免属性读取报错：

row.regional_data?.state
row.regional_data?.country_iso

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