JavaScript中的高阶函数filter，map，reduce

JavaScript中的高阶函数filter，map，reduce

1. filter()
   要求有一个回调函数，回调函数必须返回一个boolean值——当为true时，会自动将这次回调的n加入到新的数组中；当为false时，函数内部会过滤掉这次的n

<script>
	let arr=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
	//要求返回arr中大于10的元素
	let newarr=arr.filter(function(n){
		return n>10;
	});
	console.log(newarr);//11,12,13,14,15
</script>

2. map()
   要求有一个回调函数，用法与filter大致

<script>
	let arr=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
	//要求返回arr*2的新数组
	let newarr=arr.map(function(n){
		return n*2;
	});
	console.log(newarr);//2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30
</script>

3. reduce()
   要传两个参数，也有一个回调函数，回调函数需要传两个参数
   作用：对数组中所有内容进行汇总

<script>
	let arr=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
	//要求返回arr里所有元素相加的结果
	let newarr=arr.reduce(function(New,n){    //New是上一次n返回的值
		return New+n;  //数组元素相加
	},0);  //0为初始化值，一般情况下就写0
	console.log(newarr);//120
	//上述代码步骤为：0+1+2+3+.......+15
</script>

使用箭头函数

	let newarr=arr.filter({n=>n>10});
	let newarr1=arr.map({n=>n*10});
	let newarr2=arr.reduce((new,n)=>{
			return new+n
});

4. 总结：我们可以发现，若没有掌握这三个高级函数的使用方法，我们想做这样的案例必须使用for循环，既麻烦代码量又大，所以这三种方法一定程度上减少了代码量，因此掌握这三种方法对我们很有益。使用箭头函数更加简便