遍历fetch返回数组仅得单个结果？排查productLines筛选逻辑问题

DevOps 小满

2026-8-23

问题：筛选包含指定productLine的分支数据

我用fetch API获取对象数组，每个对象里嵌套了productLines数组。现在需要筛选出productLines中存在id为11的对象的分支，但当前代码只返回了一个符合条件的结果，实际应该有多个。

我的原代码：

<script>
    fetch('https://swagapi.coburns.com/api/fd/test/GetBranches')
  .then((response) => response.json())
  .then((data) => {
    for(i = 0; i < data.length; i++) {
        if(data[i].productLines[0].id === 11) {
        console.log(data[i])
      }
    }
  })
</script>

问题原因

你只检查了productLines数组的第一个元素的id是否等于11，但很多符合条件的分支里，id=11的productLine可能在数组的其他位置（比如示例数据里就在第6个位置），所以漏掉了大部分结果。

修正方案

需要遍历每个分支的productLines数组，判断其中是否存在id=11的项。推荐用数组的some()方法，它会检查数组中是否有至少一个元素满足条件，代码更简洁高效：

<script>
    fetch('https://swagapi.coburns.com/api/fd/test/GetBranches')
  .then((response) => response.json())
  .then((data) => {
    // 筛选出符合条件的分支
    const filteredBranches = data.filter(branch => {
      // 检查当前分支的productLines中是否存在id为11的项
      return branch.productLines.some(productLine => productLine.id === 11);
    });
    console.log(filteredBranches);
  })
</script>