用JavaScript输出RSS中Contentful GraphQL嵌套数据遇undefined问题

核心错误根源 #

undefined返回值和GraphQL请求、数据解析环节无关，是嵌套集合的取值逻辑错误导致的：
使用的Contentful查询里，postTracksCollection、postSourcesCollection属于集合类型，返回结果里的items字段本身是数组结构，不是单个对象。原代码直接写item.postTracksCollection.items.name，相当于对整个数组取name属性，自然无法命中具体字段，返回undefined是必然结果。

具体修正步骤 #

1. 调整嵌套取值逻辑 #

遍历嵌套集合的items数组，从中提取单条对象的字段值，不要直接对数组取属性；同时加上空值兜底，避免集合为空时报错。

2. 生成适配需求的RSS结构 #

按照面向Mailchimp生成邮件的要求，RSS只保留指定字段：音轨名称、音轨风格、来源名称、来源URL，把整合后的内容包裹在RSS标准的<item>节点中，适配Mailchimp的读取规则。
修正后的buildRssItems函数参考：

function buildRssItems(sourcePostList) {
  return sourcePostList
    .map((post) => {
      // 空值兜底：集合为空时返回空数组，避免触发语法错误
      const trackItems = post.postTracksCollection?.items || [];
      const sourceItems = post.postSourcesCollection?.items || [];

      // 拼接目标音轨字段：名称、风格
      const trackBlock = trackItems.map(track => `
        <div class="track">
          <p>音轨名称：${track.name || '未标注名称'}</p>
          <p>音轨风格：${track.genre || '未标注风格'}</p>
        </div>
      `).join('');

      // 拼接目标来源字段：名称、URL
      const sourceBlock = sourceItems.map(source => `
        <div class="source">
          <p>来源名称：${source.linkTitle || '未标注来源名'}</p>
          <p>来源URL：${source.linkUrl || '#'}</p>
        </div>
      `).join('');

      return `
        <item>
          <guid>${post.sys.id}</guid>
          <title>最新收录音轨与参考来源</title>
          <content:encoded>
            <![CDATA[
              <section class="track-list">
                <h4>收录音轨</h4>
                ${trackBlock}
              </section>
              <section class="source-list">
                <h4>参考来源</h4>
                ${sourceBlock}
              </section>
            ]]>
          </content:encoded>
        </item>
      `;
    })
    .join('');
}

请求环节校验 #

目前的GraphQL请求、数据解析代码逻辑是正常的：请求成功后解析返回JSON、取data.sourcePostCollection.items传给构建函数的流程没有问题，修正取值逻辑后即可正常生成包含目标字段的RSS内容。

格式注意事项 #

如果要使用代码里的content:encoded字段存储适配邮件的HTML内容，需要在RSS根节点的<rss>标签上补充对应的标准命名空间声明，否则RSS格式校验会不通过，Mailchimp也可能无法正常解析HTML内容。

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