JS数组方法reduce()=map()+filter()

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS数组方法reduce()=map()+filter()，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1287字，纯文字阅读大概需要2分钟。

内容图文

JS数组方法reduce()=map()+filter()

一、先上用法

let list= [{userName:"admin",roleNames:"系统管理员"},{userName:"user1",roleNames:"租户"}]
list = list.reduce((result,item)=>{
                    // roleNames是遍历的判断条件，相当于filter
                    if(item.roleNames === "系统管理员"){
                    	//以下是map常用的数据格式转换用法
                        return result.concat([{ //此处不能用push，push不返回值
                            value:item.userName,
                            label:item.userName,
                        }])
                    }else {//这个else很重要！！ 要是遍历不return result会报错
                        return result
                    }
                },[])// 默认值 [] 以防遍历对象为空，会报错
 console.log(list) //=>   [{value:"admin",label:"admin"}]

二、reduce语法

arr.reduce(callback,[initialValue])

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

callback （执行数组中每个值的函数，包含四个参数）

    1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
    2、currentValue （数组中当前被处理的元素）
    3、index （当前元素在数组中的索引）
    4、array （调用 reduce 的数组）

initialValue （作为第一次调用 callback 的第一个参数。）

三、reduce()=map()+filter()

你们发现没有，要是用map的时候是不能把不需要的项筛选掉的，那你只能用filter对map返回的数据再进行处理，或者反过来先filter过滤再map整理。是不是觉得都是怪怪的，是在不优雅，那我就建议你用reduce吧。

内容总结

以上是互联网集市为您收集整理的JS数组方法reduce()=map()+filter()全部内容，希望文章能够帮你解决JS数组方法reduce()=map()+filter()所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端