如何从对象数组中获取特定数据？新手求教嵌套字段获取方法

嘿，别担心，这是新手刚接触嵌套数据结构时很常见的小问题，我来帮你拆解清楚～

首先我们先明确你的数据结构（我帮你补全了合法的JS格式）：

const data = {
  "orderid": 5,
  "orderdate": "testurl.com",
  "username": "chris",
  "email": "",
  "userinfo": [
    {
      "status": "processing",
      "duedate": "" 
    }
  ]
}

你之前尝试的return this.data.orderid.userinfo.status有两个明显问题：

• 第一个错误：orderid是一个纯数字值（5），它根本没有userinfo这个属性，从这里往下访问肯定会直接报错。你应该直接从this.data层级获取userinfo，而不是从orderid里找。
• 第二个核心问题：userinfo是一个数组（用[]包裹的结构就是数组），不是单个对象。数组里的元素必须通过索引来访问，比如第一个元素的索引是0。

所以正确的获取方式应该是：

return this.data.userinfo[0].status

额外实用提示（避免踩坑） #

如果你的userinfo数组可能为空，或者未来会有多个元素，可以先做个判断再取值，防止出现Cannot read properties of undefined的报错：

// 先检查数组是否存在且有元素
if (this.data.userinfo && this.data.userinfo.length > 0) {
  return this.data.userinfo[0].status;
} else {
  return '无状态信息'; // 或者返回你需要的默认值
}

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