首页 > 其他分享 >JS 高阶函数

JS 高阶函数

时间:2022-09-25 00:22:05浏览次数:74  
标签:200 newnums 函数 JS let preValue 高阶 100

高阶函数:英文叫Higher-order function。JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,

那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数

 

一、filter

其中该函数的参数是一个函数,filter函数的返回值是一个数组

filter中的回调函数有一个要求,必须返回一个boolean
true:当返回true时,函数内部会自动将这次回调的n加入到新的数组中
false:当返回false时,函数内部会过滤掉这次的n

 

const nums = [10, 20, 30, 40, 50, 100, 200, 300];
let newnums = nums.filter(function (n) {
   return n >= 100;
});
console.log(newnums); //[ 100, 200, 300 ]

二、.map

其中该函数的参数是一个函数,返回值是一个数组。

map方法是对数组中每个元素进行相同的操作

let newnums = [ 100, 200, 300 ];
let new2num = newnums.map(function (n) {
   return n * 2;
});
console.log(new2num); //[ 200, 400, 600 ]

三、reduce

其中该函数有两个参数,第一个参数是一个函数;第二个参数可选,为传递给函数的初始值。返回值是计算结果。

reduce作用对数组中所有的值进行汇总

let newnums = [ 200, 400, 600 ];
let total = new2num.reduce(function (preValue, n) {
   return preValue + n;
}, 0);
console.log(total); //1200

// 第一次:preValue 0 n 200
// 第二次:preValue 200 n 400
// 第三次:preValue 600 n 600
// 1200

 

对上面三种方法,用链式和箭头

total = nums.filter(n => n >= 100).map(n => n * 2).reduce((pre,n) => pre + n);

 

标签:200,newnums,函数,JS,let,preValue,高阶,100
From: https://www.cnblogs.com/mc-congxueda/p/16727054.html

相关文章