如何修改JavaScript for循环使其返回每次迭代结果而非仅最终结果？

嘿，我来帮你理清楚这个问题～首先咱们先拆解你原代码的核心问题：你在for循环内部直接用了return——这会导致函数在第一次循环迭代时就立刻终止并返回结果，后面的循环根本没机会执行！所以你看到的其实是第一个元素的计算值，如果你觉得是最后一个，大概率是不小心把return放到了循环外面，每次迭代覆盖同一个变量导致的，我后面也会说到这种情况。

如果你想返回循环的每次迭代结果，而不是单一的最终值，咱们可以用这两种方式实现：

方法1：手动收集结果到数组 #

这种方式适合你想完全掌控循环过程的场景，对大数组也很友好：

function getEachIterationResult(array) {
  const results = []; // 用数组存储每次迭代的结果
  const arrayLength = array.length; // 提前计算数组长度，避免每次循环重复读取，提升效率
  for (let i = 0; i < arrayLength; i++) {
    // 计算当前元素的结果并推入结果数组
    results.push(array[i]['number'] / arrayLength);
  }
  return results; // 循环结束后返回所有迭代结果
}

const array = [ 
  { user: 'a', number: 20 }, 
  { user: 'b', number: 21 }, 
  { user: 'c', number: 22 } 
];

console.log(getEachIterationResult(array)); // 输出: [6.666..., 7, 7.333...]

这里有几个需要注意的细节：

• 用let i而非全局的i，避免污染全局变量，防止其他代码出现意外问题。
• 提前缓存数组长度arrayLength，对于超大数组来说，能减少不必要的属性访问，略微提升性能。
• 用数组results存储每一步的结果，保证循环能完整执行所有迭代，最终返回全部计算值。

方法2：用数组的map方法（更简洁高效） #

如果你不需要手动控制循环的细节，map方法是更优的选择——它是JavaScript专门用来将数组每个元素转换成新值的原生方法，代码更简洁，而且原生实现的性能通常比手动循环更好，尤其适合处理大量对象的场景：

function getEachIterationResult(array) {
  const arrayLength = array.length;
  return array.map(item => item.number / arrayLength);
}

这个方法会自动遍历数组的每个元素，对每个元素执行回调函数里的计算，最后返回一个包含所有结果的新数组，完全符合你的需求。

补充：为什么会出现“只返回最后一个结果”？ #

如果你之前的代码是把计算值赋值给一个变量，最后才return，那确实会得到最后一个结果——因为每次迭代都会覆盖这个变量：

// 这种写法会返回最后一个元素的计算值
function average(array) {
  let result;
  const arrayLength = array.length;
  for (let i = 0; i < arrayLength; i++) {
    result = array[i]['number'] / arrayLength; // 每次迭代都覆盖result的值
  }
  return result; // 最终返回的是最后一次迭代的结果
}

这种情况下，result会被每次循环的新值覆盖，最终只保留最后一次的计算结果。

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