forEach、filter、map、some、every用法小实例

forEach、filter、map、some、every用法小实例

1、forEach：遍历数组

// forEach:(遍历)循环数组中的每一项（ES5新增的函数）； //数组名.forEach(function(数组的当前项，下标，数组本身){ //}); let arr= [12,16,18,25,33]; arr.forEach(function(item,index){ console.log(item,index); }) arr.forEach((item,index)=>{ console.log(item,index); })

2、 filter：过滤，会返回新的数组，新的数组是根据过滤条件，过滤的结果

let ages = [12,16,18,25,33]; let arr = ages.filter(item=>{ return item<18; }) let arr = ages.filter(item=>item<18); console.log(arr); let tasks=[ { text:"写HTML", isComplete:false }, { text:"写CSS", isComplete:true }, { text:"写JS交互（人机交互，和前后端交互）", isComplete:false } ] let result = tasks.filter(item=>{ return item.isComplete==false; }) let result = tasks.filter(item=>item.isComplete==false) console.log(result);

3、 map：映射：会返回新的数组，新的数组是把旧数组做一定的加工的结果。

let ages = [12,16,18,25,33]; let ages2 = ages.map(item=>{ return item+1; }); let ages2 = ages.map(item=>item+1); console.log(ages); console.log(ages2);

4、some： 返回值 true false

var scores = [5, 2, 3, 1]; if (scores.some(item=>item>7)) { alert("有大于7的数字"); }else{ alert("没有"); }

5、every:返回值 true false

var scores = [15, 12, 8, 11]; var current = 7; if (scores.every(item=>item>current)) { alert("是的，都大于七"); }else{ alert("存在小于七的数"); }