如何使用JS从JSON文档中提取attachments数组内的path属性值

你写的jsonData.attachments.path无法取值，是两层访问逻辑不符合JS数据结构规则：

• 你加载的JSON根节点是数组类型，不是普通对象，无法直接通过点运算符访问根节点下不存在的attachments属性
• 首元素下的attachments字段本身也是数组结构，不是单个对象，无法直接通过点运算符读取内部的path字段

先对应你描述的JSON结构举个参考样例，和你本地文件结构匹配：

// 本地JSON文件结构示例：根为数组，attachments在首元素末尾
[
  {
    "contentId": 123,
    "content": "测试文本",
    "attachments": [
      {
        "path": "/static/files/2024/demo.pdf",
        "fileName": "demo.pdf"
      },
      {
        "path": "/static/files/2024/demo2.jpg",
        "fileName": "demo2.jpg"
      }
    ]
  }
]

对应取值代码：

// require引入本地JSON时，会自动将JSON内容解析为JS对应数据类型，此处解析结果为数组
const jsonData = require('./你的本地JSON文件路径.json');

// 1. 先通过下标0取根数组的第一个元素
const rootFirstItem = jsonData[0];
// 2. 拿到attachments数组后，如果要取所有元素的path，用map遍历即可
const allAttachmentPaths = rootFirstItem.attachments.map(item => item.path);
// 3. 如果只需要第一个附件的path，直接取数组下标0即可
const firstAttachmentPath = rootFirstItem.attachments[0].path;

console.log('全部附件路径：', allAttachmentPaths);
console.log('首个附件路径：', firstAttachmentPath);

• JS中数组类型的元素必须通过下标索引访问，索引默认从0开始计数，数组第一个元素的索引固定为0。不管数组元素是什么类型，都要先通过[索引]拿到对应位置的元素，才能继续访问元素内部的属性。
• 点运算符.仅适用于访问普通对象的自有属性，如果直接对数组点一个不存在的属性，得到的返回值是undefined，后续再尝试访问undefined的path属性，就会触发你遇到的Cannot read properties of undefined报错。
• 新手踩坑通用排查方法：拿不准数据结构的时候，直接在对应位置加console.log(jsonData)打印完整结构，逐层确认每一层的数据类型是数组还是对象，再对应选择下标访问或者属性访问的写法，不要靠猜写层级。

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