JavaScript的高阶函数filter、map、reduce

2020-10-29 07:00:46 阅读：167 来源： 互联网

标签：map newNums 函数 JavaScript reduce filter let 数组

//filter/map/reduce

//filter的参数是一个回调函数，回调函数必须返回一个布尔值
//回调函数会遍历数组中所有的函数
//true：当返回true时，函数内部会自动将这次回调的n加入到新数组中
//false:当返回false时,函数内部会过滤掉这次n


//要求一：将数组nums里的元素，小于100的元素放入到一个新数组
const nums = [10, 20, 111, 222, 444, 40, 50]
//1、filter函数的使用
let newNums = nums.filter(function (n) {
  return n < 100
})

/*for (let i of newNums) {
  console.log(i)
}*/
//-------------------------------------------------------------------------

//要求二：现在有个要求，将数组newNums里的每一个元素乘以2
//2、map函数的使用
let newNums2 = newNums.map(function (n) {
  return n * 2
})

/*for (let i of newNums2) {
  console.log(i)
}*/

//-----------------------------------------------------------------------
//要求三：现在要求将数组newNums里的所有元素进行加总

//3、reduce函数的使用，将数组里的元素进行汇总
//preValue代表当前回调函数里的数值，0代表preValue的初始值,n代表当前数组遍历的元素
let newNums3 = newNums.reduce(function (preValue, n) {
  return preValue + n
}, 0)

console.log(newNums3)

标签：map,newNums,函数,JavaScript,reduce,filter,let,数组
来源： https://www.cnblogs.com/whs123/p/13894564.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript的高阶函数filter、map、reduce