js高级 map( ) filter( )

春暖花开.,

已于 2022-09-24 18:07:44 修改

阅读量262

点赞数

文章标签： javascript 前端

于 2022-09-24 14:06:53 首次发布

本文链接：https://blog.csdn.net/m0_64494670/article/details/127023414

版权

本文介绍了JavaScript中的三个数组方法：map()、filter()和forEach()。map()方法用于创建一个新数组，其结果是调用数组每个元素上的函数处理后的值；filter()方法则根据提供的函数返回值为true的元素，生成一个新的数组；forEach()方法遍历数组但不返回新数组，通常用于执行某种操作。文章通过实例展示了这三个方法的使用方式和区别。

摘要由CSDN通过智能技术生成

map( ) filter( )forEach（）

map( ) filter( )forEach（）都是数组调用，遍历数组但是具体功能不一样

map( )

详细：

调用者就是数组，用来遍历数组；返回一个新数组对原数组中数据加工

返回值：

返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值

 let arr1 = [111, 222, 333];
 let newArr1 = arr1.map((element, index, array) => {
     console.log(element);
     // console.log(element, index, array);
     return element * 100;
 });
 console.log(newArr1);

参数

element

当前元素

index

当前索引

array

方法调用的数组

filter()

调用者就是数组用来遍历数组：返回一个新数组对原数组中数据过滤

 let arr1 = [111, 222, 333];
 let newArr2 = arr1.filter((e, i, a) => {
     console.log(e, i, a);
     // 返回值为true，当前项就会添加到新数组;
     return e > 200;
 });
 console.log(newArr2);