数组Map、Reduce、Filter的用法

傷城~ 2022-10-01 11:57 184阅读 0赞

数组的使用方法，大都是普通的循环for、for in、forEach等，今天推荐三个新的方法，在一些特殊场景可以有很大作用。虽然这三个新方法for循环都能实现，但是个人认为用着三个方法会相对简便。

Map:这个方法是一一对应的。

比如全班考试，判断及格还是不及格，如果用map，那么需要在方法里面return及格还是不及格，这时候就会返回一个新的数组。Map里面放一个方法，然后是一个参数，参数就是每一个数组的元素。记得map里面放的是一个方法。

Reduce：计算总数或者平均数，这个的话只返回一个数据。

比如要计算一个数组的总和或者平均数，同样的，reduce里面也是放一个方法，这个方法传三个参数，每一次循环第一个参数都是之前的总和，第二个参数是这次循环要加的数据，最后一个是循环的次数。

var arr = [2, 3, 4, 5];
    
    var sum = arr.reduce(function (sum, item) {
    
        return sum + item;
    
    });
    
    console.log(sum);//14
    复制代码

Filter：过滤、筛选，返回正确的东西。

当需要判断是否有某个字符串或者是某个元素的时候，用这个过滤器，很容易就能得到相要的数组，在天猫等商城，过滤价格好评等使用filter，简单的就能返回过滤后的数据。Filter也是放一个方法，然后里面做判断操作，只要是true的，那这个元素就会返回，false的就会帮你过滤掉。

var arr = [23, 63, 44, 85, 90];
    
    var re = arr.filter(function (val) {
    
        return val > 60;
    
    });
    
    console.log(re);//[63, 85, 90]
    复制代码

欢迎关注 Coding 个人笔记 公众号

转载于:https://juejin.im/post/5c4718186fb9a049d05e10c8