JavaScript中map、forEach和filter遍历数组有何具体实例应用？

本文共计1922个文字，预计阅读时间需要8分钟。

本示例讲述了JavaScript遍历数组的三种方法：map、forEach与filter。分享给家长供参考，具体如下：

前言：近一段时间，因为项目原因，经常需要在前端对数组进行遍历和处理。JS自带遍历功能。

1. map方法：对数组的每个元素执行一个由你提供的函数，并返回一个由这些元素的新数组。

javascriptlet arr=[1, 2, 3];let new_arr=arr.map(function(item) { return item * 2;});console.log(new_arr); // 输出：[2, 4, 6]

2. forEach方法：对数组的每个元素执行一次提供的函数。

javascriptlet arr=[1, 2, 3];arr.forEach(function(item) { console.log(item); // 分别输出：1、2、3});

3. filter方法：创建一个新数组，包含通过所提供函数实现的测试的所有元素。

javascriptlet arr=[1, 2, 3, 4, 5];let new_arr=arr.filter(function(item) { return item > 2;});console.log(new_arr); // 输出：[3, 4, 5]

本文实例讲述了JavaScript遍历数组的三种方法map、forEach与filter。分享给大家供大家参考，具体如下：

前言

近一段时间，因为项目原因，会经常在前端对数组进行遍历、处理，JS自带的遍历方法有很多种，往往不加留意，就可能导致知识混乱的现象，并且其中还存在一些坑。