数组遍历方法对比_forEach、map、filter选择

陆砚码

2026-10-30 • 👁 0人浏览过

forEach无返回值，用于执行副作用；map返回新数组，用于数据转换；filter返回符合条件元素的新数组，用于筛选。在JavaScript中， forEach 、 map 和 filter 都是数组常用的遍历方法，它们看起来相似，但用途和返回值有明显区别。选择合适的方法能提升代码可读性和性能。 forEach：用于执行副作用操作 forEach 的作用是对数组每个元素执行一个函数，没有返回值，适合用于不改变原数组，只进行操作的场景，比如打印、修改DOM、发送请求等。不会返回新数组不能链式调用无法使用 break 跳出循环（可用 try-catch 模拟）示例：打印每个元素

const arr = [1, 2, 3];
arr.forEach(item => console.log(item));

map：用于转换数组元素 map 方法会创建一个新数组，其结果是原数组每个元素调用函数后的返回值。适用于需要一一映射转换数据结构的场景。 Eclipse导入Android或其他的JAVA项目的正确方法 WORD版本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法；希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看下载必须有 return 值（否则为 undefined）不修改原数组适合用于渲染列表、格式化数据示例：将数字数组转为字符串数组

const numbers = [1, 2, 3];
const strings = numbers.map(n => n.toString()); // ['1', '2', '3']

filter：用于筛选符合条件的元素 filter 返回一个新数组，包含原数组中满足条件的元素。适用于过滤数据，比如查找特定用户、排除无效值。回调函数返回 true 表示保留该元素不会改变原数组可以和 map、sort 等组合使用示例：筛选大于2的数

const nums = [1, 2, 3, 4];
const result = nums.filter(n => n > 2); // [3, 4]

基本上就这些。根据需求选择：要处理数据就用 forEach ，要转换结构就用 map ，要筛选内容就用 filter 。理解它们的返回值和用途，就能写出更清晰的代码。

相关文章