React JS中如何按条件终止map()函数实现数据去重筛选

你出现重复添加的核心原因是用错了数组方法：map()的设计逻辑是遍历数组所有元素、返回和原数组长度一致的新映射数组，本身不支持中途终止遍历。只要员工有多个城市以"ABC"开头的地址，内层map就会多次触发push逻辑，自然会把同一个员工重复加入结果数组。

你的需求本质是筛选员工：只要员工的地址列表里存在至少1个符合城市匹配规则的地址，就把该员工加入结果集，且每个员工仅保留1次。直接用数组原生方法实现即可，不需要手动维护空数组做循环push：

const finalList = empList.filter(employee => 
  // 内层用some()，找到第一个符合条件的地址就立刻终止遍历、返回true
  employee.addressList.some(address => address.city.startsWith("ABC"))
);

方法逻辑说明 #

• 外层filter()：专门用于数组筛选，只有回调返回true的员工才会被加入结果数组，天然保证每个员工最多出现一次，不会重复
• 内层some()：只要检测到第一个满足匹配规则的地址，就会立刻终止内层遍历返回true，完全符合你要的「匹配到就停下，直接处理下一个员工」的需求，代码简洁没有冗余逻辑。

如果你一定要保留手动维护结果数组的写法，不要用map做遍历，内层用普通循环配合break终止即可：

var finalList = [];
empList.forEach(function(employee) {
  let isMatch = false;
  for (const address of employee.addressList) {
    if (address.city.startsWith("ABC")) {
      isMatch = true;
      break; // 找到匹配项直接终止内层循环
    }
  }
  if (isMatch) finalList.push(employee);
});

注意：不要把map()当普通遍历方法用。map()的设计目标是做数组映射生成新数组，如果你不需要拿到映射后的新数组，单纯遍历应该用forEach或for循环；判断数组是否存在符合条件的项优先用some()，判断所有项都符合规则优先用every()，硬用map再想办法中途打断属于方法选型错误。

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