JavaScript数组遍历：map与forEach的核心区别与应用场景

1. 数组遍历方法的核心差异

在JavaScript开发中，map()和forEach()这两个数组方法经常让初学者感到困惑。上周review团队代码时，我发现有同事在需要新数组的场景误用了forEach，导致产生了不必要的副作用。这两个方法虽然都能遍历数组，但设计理念和使用场景有着本质区别。

简单来说：map()用于数据转换，它会返回一个新数组；而forEach()只是遍历操作，返回值为undefined。理解这个核心差异，能避免90%的错误用法。下面通过具体场景拆解它们的异同。

2. 方法定义与返回值分析

2.1 map方法的工作机制

Array.prototype.map是函数式编程中的经典工具，它的完整签名如下：

javascript复制arr.map(callback(currentValue[, index[, array]])[, thisArg])

核心特征：

1. 必定返回新数组，其长度与原数组相同
2. 不会修改原数组（纯函数特性）
3. 回调函数需要显式return，否则新数组会填充undefined

典型用例：

javascript复制const numbers = [1, 2, 3];
const squares = numbers.map(n => n * n); // [1, 4, 9]

关键点：当需要基于原数组派生新数据时，map是最佳选择。比如API数据转换、状态映射等场景。

2.2 forEach方法的定位

Array.prototype.forEach的签名与map相似：

javascript复制arr.forEach(callback(currentValue[, index[, array]])[, thisArg])

核心特征：

1. 返回值为undefined
2. 主要用于执行副作用（Side Effects）
3. 不能使用break中断遍历

典型用例：

javascript复制const logs = [];
['a', 'b'].forEach(char => {
  logs.push(`Processing ${char}`);
});

注意