JavaScript高级函数的使用

循环 for(let i = 0 ; i<temp.length;i++){ return 原来的循环 } for(let i in temp){ return 快速拿到i } for(let item of temp){ return 快速拿到每项 上面是temp[i]去到每一项 } filter函数的使用 过滤操作 filter()括号里面的是回调函数 filter()中的回调函数有一个要求，必须返回一个boolean值 当返回true时，函数内部会将自动将这次回调的值加入新的数组中 当返回false时，函数内部会过滤掉这次的值 filter()最终返回的是满足条件的所有值 const num =[10,60,55,66,1,500,300,1] let numArr=num.filter(function (n) { //n是上面的每个值 return n<50 //return后面接的是判断条件 //例如 10<50? =>true 10加到新的数组里 6<50?=>false 不加到新的数组里 }) console.log(numArr) map函数的使用 如果想对数组中所有的函数进行操作，用map函数 const num =[10,60,1,500,300,1]; let newNums= num.map(function () { return n*2 //return 后面接的是操作 }) console.log(newNums); //[20,120,2,1000,600,2]

3.reduce 对数组中所有的元素进行汇总

const num =[10,60,1,500]; let temp = num.reduce(function (prevValue,n) { return prevValue+n },0) //回调函数后面 的数字 0 是初始值 也就是下面的第一个prevValue // prevValue 是上次返回的值 // 第一次 prevValuee是 0 n 是10 // 第二次 prevValue是 10 n 是60 // 第三次 prevValue是 70 n 是1 // 第四次 prevValue是 71 n 是500 因为数组中有四个元素 //最后一次 返回最后一次 571 另： //如果数组的值是对象 books:[{ id:1, price:20, count:1 },{ id:2, price:40, count:2 }] num.reduce(function (pre,book) { return pre+book.price*book.count },0)

4.汇总

把上面的连起来（除了另） const num =[10,60,1,500]; let temp = num.filter(function (n) { return n<10 }).map(function (n) { return n*2 }).reduce(function (prevValue,n) { return prevValue+n },0) 把上面的再简化一下（箭头函数） let temp =nums.filter(n=>n<100).map(n=>n*2).reduce((pre,n)=>pre+n)