1、forEach(用来遍历数组的)
参数
第一个参数是元素 item
第二个参数是下标 index
第三个参数是当前操作的数组 arr
总结
只能是用来遍历
一旦开始了遍历就停不下来
返回值是undefined 这个undefined对于我们来说没有用
var arr =['今天','外面','下雨','适合','睡觉'];
var result = arr.forEach(function(item,index,arr){
console.log(item,index,arr);
})
结果
2、map
总结
可以循环遍历数组中的每一项数据
可以对循环遍历到的每一项数据进行操作
将return的数据 都放到数组中 并且进行返回
var arr = [1,2,3,4,5,6,7,8,9];
var result = arr.map(function(item,index,arr){
return item,index,arr
// return item * item;
});
结果
var arr = [1,2,3,4,5,6,7,8,9];
var result = arr.map(function(item,index,arr){
// return item,index,arr
return item * item;
});
console.log(result);
结果
3、filter
总结:
可以循环遍历数组中的每一项
可以对循环遍历到的数据进行判断
/当条件成立时,使用了return true后会将满足条件的那一项存到一个新的数组当中
var arr = [22,34,46,55,77,49,58,82];
var result = arr.filter(function(item,index,arr){
return item >=55;
})
console.log(result);//(4) [55, 77, 58, 82]
结果
4、some
总结:
可以用来循环遍历数组中的每一项
在回调函数中进行条件判断,如果return true执行之后,会阻止后续代码的遍历执行
重点应用场景: ==条件成立时不再执行后续的循环
var arr = [22,34,46,55,77,49,58,82];
var result = arr.some(function(item,index,arr){
return item ==34;
})
console.log(result); //true
var arr = [22,34,46,55,77,49,58,82];
var result = arr.some(function(item,index,arr){
return item ==40;
})
console.log(result);//false
5、every
总结:
可以对数组中的每一项进行遍历,但是只打印第一项
对数组中的每一项进行判断,都满足条件则返回true, 如果有一项不满足条件则返回false
==应用场景:重点是强调整体的一个处理结果,比如,某地区所有人健康码是否都为绿码
var arr =[5,11,23,15,26,19,20]
var result = arr.every(function(item,index,arr){
return item >= 10;//false
//return item >= 5;//false
})
console.log(result);
6、reduce
第一个参数是 上一次的值,第一次为初始值 prev
第二个参数是元素 item
第三个参数是下标 index
第三个参数是当前操作的数组 arr
prev是初始值 也就是0
如果没有给初始值 那么会将数组的第一个作为初始值
//计算俩数之和
var arr = [1,2,3,4,5];
var sum = arr.reduce(function(prev,item,index,arr){
console.log(prev,item);
return prev + item;
},0);
console.log(sum);
还在学习知识中,会把日常学习的知识分享,记得点赞啊!