JavaScript forEach和map有何不同_如何选择？-js教程-PHP中文网

JavaScript forEach和map有何不同_如何选择？

狼影

发布： 2025-12-14 11:25:04

原创

990人浏览过

forEach用于执行副作用操作并返回undefined，map用于转换数据并返回新数组；需过程选forEach，要结果选map。

javascript foreach和map有何不同_如何选择？

forEach 用来执行操作，map 用来生成新数组；选哪个，取决于你想要“做事情”还是“要结果”。

用途不同：副作用 vs 返回值

forEach 的设计目的就是遍历并执行回调，它不关心返回值，也不会返回新数组（返回 undefined）。适合发请求、改 DOM、打印日志这类有副作用的操作。

data.forEach(item => console.log(item.name))
items.forEach(el => el.classList.add('active'))

map 的核心是转换数据：对每个元素调用函数，把返回值收集起来，组成一个等长的新数组。它不修改原数组，也不做副作用操作。

const names = users.map(u => u.name)
const doubled = nums.map(n => n * 2)

返回值决定能否链式调用

map 返回数组，所以可以接 filter、sort、reduce 等方法：

立即学习“Java免费学习笔记（深入）”；

arr.map(x => x * 2).filter(x => x > 10).reduce((a, b) => a + b)

forEach 返回 undefined，链式调用会报错：

Zend_API 深入_PHP_内核

”扩展PHP“说起来容易做起来难。PHP已经进化成一个日趋成熟的源码包几十兆大小的工具。要骇客如此复杂的一个系统，不得不学习和思考。构建本章内容时，我们最终选择了“在实战中学习”的方式。这不是最科学也不是最专业的方式，但是此方式最有趣，也得出了最好的最终结果。下面的部分，你将先快速的学习到，如何获得最基本的扩展，且这些扩展立即就可运行。然后你将学习到 Zend 的高级 API 功能，这种方式将不得