前言
这几个函数用途较多，可以减少冗长的for循环遍历数组，有效浓缩代码，对于python等代码语言的来说，可以节省许多时间。适合新手入门学习了解。
本篇博客代码大体用ES6(JS)来写
?
引入一个简单但是有代表性的例子，现有一个数组1[16,35,48,61,72,92,107,176,371,910]
现要求1. 取出数组1中小于100的数，得到数组2
? ? ? ? ? ?2. 将数组2中的所有数字乘以2，得到数组3
? ? ? ? ? ?3. 将数组3中的所有数字累加，得到total
若是用for循环一次又一次遍历，代码显得较为冗长，阅读感很差 ヾ(?ω?`)o
写下你的代码，或者在脑海中，大致思考一遍你会如何写这段代码
首先，我们初始化数组:
const nums = [16,35,48,61,72,92,107,176,371,910]
一、filter函数
先来看一下有道上filter的英语解释
?想到了高中打碎了化学实验室中的漏斗.........ovo
filter函数接受两个参数，第一个参数是一个回调函数，第二个参数是一个可迭代对象
filter(function, iterable)?在JS中，可迭代对象往往会被放在filter函数前面，去调用函数，然后返回一个新的对象
newList = oldList.filter(function)?这与python中不同，python还是会选择前面的那种写法，注意区分
之后的map和reduce函数也是同样，之后就不加阐述了
其中这里的回调函数有个要求：返回值必须为布尔类型，为过滤提供条件
当为true时，函数内部会自动地将这次回调的n加入到新的数组中；为false时，将会忽略这次回调的值
因此我们例子中的第一个需求就可以用一个语句完成? ? ? ? q(≧▽≦q)
let new1Nums = nums.filter(function(n){
return n < 100;
})此时new1Nums数组为：[16,35,48,61,72,92]
二、map函数
map这个词，大家应该都不陌生，高数第一节课就学过，即为映射，在计算机组成原理以及操作系统中也多次涉及，(map函数才是最函数的函数！！！) (指数理中的函数)
newList = oldList.map(function)与filter一样，同样会返回一个新的数组
而不一样的是，map函数参数中的回调函数的返回值没有要求为布尔类型，只需要给出一个具体的映射关系即可。y = f(x)
第二个需求也可以解决了..........? ? ? ? ?ヾ(≧▽≦*)o
let new2Nums = new1Nums.map(function(n){
return n * 2;
})?此时new2Nums数组为：[32,70,96,122,144,184]
三、reduce函数
reduce()?函数会对参数序列中元素进行累积，并返回结果，对数组中的内容进行汇总，减少使用for语句。
与之前两个函数最大的不同的点在于，除去可迭代对象，reduce函数有些时候需要两个参数，(忘了可以翻到前面看看，filter和map函数都只有一个参数，即为回调函数)，reduce除了回调函数，还需要传入另一个参数，为初始值initializer。同时reduce的回调函数也需要两个参数，(preValue和n，其中n与之前一样，而preValue的值为记录上一次遍历的返回值)。语言是苍白的，一起来看段代码👀
? ? ? ? ? ? ? ? ? ? ? ? talk is cheap, show me the code
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?---------Linus Torvalds
newList = oldList.reduce(function(preValue,n),[initializer])preValue为上一次调用回调函数返回的值
n为数组中当前被处理的数[32,70,96,122,144,184]
initializer(可选)，为初始值，当作第一次调用回调函数的preValue值
let total = new2Nums.reduce(function(preValue,n){
return preValue+n;
},0)来观察一下他的遍历情况
第一次： preValue = initializer = 0，n = 32，return值为32
第二次：preValue = 32，n = 70，return值为?102
第三次：preValue = 102，n = 96，return值为?198
第四次：preValue = 198，n = 122，return值为 320
第五次：preValue = 320，n = 144，return值为 464
第六次：preValue = 464，n = 184，return值为 648
得出结果：total = 648
四、三者的结合
将这三个函数结合起来，就可以用一个语句完成上述的需求
let total = nums.filter(function (n){
return n < 100;
}).map(function (n){
return n*2;
}).reduce(function (preValue,n){
return preValue+n;
},0)此时，在与你写的代码(maybe在脑海中)，进行对比，是不是节省了许多
这，就是函数式编程 ！！！
PS.第一篇博客还有许多不完善的地方，以后会努力改进(～￣▽￣)～，大家一起努力吧