遍历GitLab API返回的嵌套JSON时出现merge_user为null错误

1. 强制空值检查（核心解决方法） #

GitLab API返回的merge_requests中，未合并的请求merge_user字段会是null——这就是遍历报错的原因。单独访问时你可能刚好选了已合并的项，但遍历会覆盖所有数据，必须先判断merge_user是否存在：

方法一：使用可选链操作符（推荐） #

ES2020引入的?.可以安全访问嵌套属性，遇到null/undefined时直接返回undefined而不报错，搭配空值合并运算符??还能设置默认值：

const processedMRs = resultData.map(mr => ({
  title: mr.title,
  mergedBy: mr.merge_user?.name ?? '未合并',
  mergedAt: mr.merged_at ?? '无合并时间'
}));

方法二：条件判断兼容旧环境 #

如果需要兼容不支持可选链的环境，用if/else或三元表达式做判断：

const processedMRs = [];
for (let i = 0; i < resultData.length; i++) {
  const mr = resultData[i];
  processedMRs.push({
    title: mr.title,
    mergedBy: mr.merge_user ? mr.merge_user.name : '未合并'
  });
}

2. 先排查数据确认问题 #

可以先打印数据结构，确认哪些项的merge_user为null：

console.log('存在空merge_user的MR:', resultData.filter(mr => !mr.merge_user));

这能帮你确认是未合并的MR导致的问题，属于API正常返回，不是代码逻辑错误。

• JS空值处理知识点：重点掌握可选链操作符?.和空值合并运算符??，这两个是处理嵌套JSON空值的核心工具，能大幅简化代码并避免类似报错。
• React异步数据处理：学习在React组件中结合useState、useEffect处理API请求，同时做好加载状态、错误状态、空数据的处理，避免渲染阶段访问未就绪的嵌套属性。
• GitLab API字段说明：仔细查看merge_requests接口的返回文档，明确哪些字段是可选/可能为null的，提前在代码中做对应处理。

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