今天给大家分享一些前端的基础知识，循环

forEach循环

    let arr = ['node','java','php','go'];// 一般俩个参数     可以加上原数组    val每一项，index索引，arr原数组。arr.forEach((val,index,arr) => {console.log(val,index,arr)})

map循环

let cty = [{title:'小红',age:'18',worke:'前端'},{title:'小明',age:'28',worke:'前端'},{title:'小嗨',age:'58',worke:'前端'},{title:'小发',age:'8',worke:'前端'},];// 正常情况下，需要配合return，返回一个新数组，若是没有return相当于forEachlet newcty = cty.map((item,index,cty) => {console.log(item,index,cty)})

map进阶

let cty = [{title:'小红',age:'18',worke:'前端'},{title:'小明',age:'28',worke:'前端'},{title:'小嗨',age:'58',worke:'前端'},{title:'小发',age:'8',worke:'前端'},];// 正常情况下，需要配合return，返回一个新数组，若是没有return相当于forEachlet newcty = cty.map((item,index,cty) => {// console.log(item,index,cty)let json = {};json.t = `^-^${item.title}---`;json.a = item.age-1;json.w = `${item.worke}工程师！`return json;})console.log(newcty)

filter循环 过滤作用，

//  filter   过滤，返回truelet cty = [{title:'小红',age:'18',worke:'前端'},{title:'小明',age:'28',worke:'前端'},{title:'小嗨',age:'58',worke:'前端'},{title:'小发',age:'8',worke:'前端'},];let newcty = cty.filter((item,index,cty) => {// console.log(item,index,cty)return item.age>20;})console.log(newcty)

some循环 如果有一个成立就返回true

// some   可以说是查找吧，如果返回条件成立就返回true，不成立false。let arr = ['node','java','php','go'];let arr1 = arr.some((val,index,arr) =>{return val == 'java';})console.log(arr1)

every循环 如果有一个不成立就返回false

///   every   如果有一个不成立就返回falselet arr = [1,3,5,7,9];let bb = arr.every((val,index,arr) => {return val%2==1;})
//   console.log(bb)if(bb == true){console.log('都是寄数')}else{console.log('不都是寄数')}

reduce循环

// reduce  求和  从左向右运算let arr = [1,2,3,4,5,6,7,8,9];
//  1+2=3, 3再加上当前3   类推求和、
///  prev代表当前值或和， cur当前值。
let res = arr.reduce((prev, cur, index, arr) => {return prev+cur;
});
console.log(res);

// reduce  求阶层 从左向右运算
let arr = [2,2,3];
let res = arr.reduce((prev,cur,index,arr) => {//  return Math.pow(prev,cur);      乘方   和下面结果相等。return prev**cur;   // 幂的运算符    结果64
})
console.log(res)

**reduceRight **

// reduceRight  求和  从右往左运算  和reduce一样用法，只是运算方向不同// reduce  求阶层
let arr = [2,2,3];
// 3的二次方然后再二次方
let res = arr.reduceRight((prev,cur,index,arr) => {//  return Math.pow(prev,cur);      乘方   和下面结果相等。return prev**cur;   // 幂的运算符    结果81
})
console.log(res)

如果有问题，可以加我微信一起讨论，我们一起进步！
屏幕前的你，加油！