如何从数组实例的forEach方法中获取返回值

问题核心原因 #

Array.prototype.forEach() 是专门用于遍历执行副作用的数组方法，自身始终返回undefined，回调函数内的return仅会终止当前单次回调的执行，不会将返回值向外传递，也不会中断整个遍历流程。你当前的代码仅在回调内执行打印操作，没有存储每次的计算结果，因此无法批量获取所有计算值。

解决方案 #

方案1：搭配外部容器使用forEach #

如果必须使用forEach实现，可在遍历前定义空数组作为结果容器，每次遍历将计算值存入容器：

const numArr = [10, 20, 30, 40, 50];
const result = [];

numArr.forEach(num => {
  const calcValue = num + 100;
  console.log(calcValue);
  result.push(calcValue);
});

// 输出所有计算结果：[110, 120, 130, 140, 150]
console.log(result);

方案2：使用map方法（更推荐） #

如果你的需求是将数组每个元素做转换后生成新数组，Array.prototype.map()是更适配的原生方法，无需额外定义外部容器：

const numArr = [10, 20, 30, 40, 50];
const result = numArr.map(num => {
  const calcValue = num + 100;
  console.log(calcValue);
  return calcValue;
});

// 直接获取转换后的完整结果数组
console.log(result);

内容的提问来源于stack exchange，提问作者Sairam.Gudiputis