创建REST API时，forEach循环解析请求数据重复返回相同结果求助

嘿，我猜你在处理这批REST API返回的好友请求数据时，遇上forEach循环的坑了——明明数组里是不同的条目，处理完却全变成同一个结果？我来给你捋捋可能的原因和解决办法！

先看最常见的同步场景问题：重复复用同一个对象 #

如果你是同步处理数据，但结果全一样，大概率是你在循环外面只创建了一个对象，每次迭代只是修改这个对象的属性，最后数组里存的都是同一个对象的引用。举个例子：

// ❌ 错误写法：所有元素共享同一个对象引用
const processedList = [];
const temp = {}; // 只创建了一次对象！
result.forEach(item => {
  temp.friendId = item.idFriend;
  temp.status = item.status;
  temp.userEmail = item.User.email;
  processedList.push(temp);
});

这时候processedList里的每一项其实都是同一个temp对象，最后自然全是最后一次迭代的值。

✅ 解决办法：每次循环新建对象
把对象的创建放到forEach的回调里，确保每个条目都对应独立的对象：

const processedList = [];
result.forEach(item => {
  // 每次迭代都新建一个对象，避免引用复用
  const temp = {
    friendId: item.idFriend,
    status: item.status,
    userEmail: item.User.email,
    username: item.User.username
  };
  processedList.push(temp);
});

如果涉及异步操作：闭包的变量捕获坑 #

要是你的forEach里有异步操作（比如调用另一个API、setTimeout），那问题多半出在闭包的变量引用上。比如：

// ❌ 错误写法：异步回调捕获的是同一个item引用
result.forEach(item => {
  setTimeout(() => {
    console.log(item.idFriend); // 最后全打印数组最后一项的idFriend
  }, 100);
});

这是因为forEach的回调是闭包，它捕获的是item的引用，而不是每次迭代的副本。当异步操作触发时，循环已经跑完了，item早就指向数组最后一个元素了。

✅ 解决办法：改用for...of循环（推荐）
for...of循环自带块级作用域，每个迭代的item都是独立的：

for (const item of result) {
  setTimeout(() => {
    console.log(item.idFriend); // 现在每个条目都能正确打印
  }, 100);
}

或者用立即执行函数（IIFE）手动创建独立作用域：

result.forEach(item => {
  // 把当前item作为参数传入，创建独立作用域
  (function(currentItem) {
    setTimeout(() => {
      console.log(currentItem.idFriend);
    }, 100);
  })(item);
});

最后别忘了排查数据本身！ #

从你给出的示例数据来看，前两个条目的User字段都是id=2的用户，但第一个条目的idFriend是3，按理说User应该是id=3的好友才对？如果API返回的所有User都是当前用户（id=2），那不管你怎么循环，结果肯定都一样。这时候得去检查后端接口的关联查询是不是写错了，是不是把当前用户的信息重复返回了，而不是对应好友的信息。

先从这几个方向排查，应该就能解决问题啦！

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