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("存在小于七的数");
}