es5数组遍历方法

//forEach(fn)
<!--
	1. forEach无返回值
	2. 代替for循环,但不能随意跳出循环(break无效)
	3. fn回调函数有三个参数(item,index,arr)
			item:数组的每一项
			index:数组的索引值
			arr: 数组本身
-->
//示例
arr.forEach(item=>{
	consol.log(item);
});

// map(fn)  
<!-- 
	1. 返回fn回调函数的返回值组成的新数组(返回值可return处理)
	2. fn回调函数有三个参数(item,index,arr)
			item:数组的每一项
			index:数组的索引值
			arr: 数组本身
-->
//示例1
arr.map(item=>{
	return `
		<li>${item}</li>
	`
}).join(' ');

//示例2
arr.map(item=>{
	console.log(item);
});

 //filter(fn)  过滤数组元素
<!-- 
	1. 返回bool值:
		true:数组元素留下来
		false: 过滤掉数组元素
		返回fn回调函数值为true组成的数组
		
	2. fn回调函数有三个参数(item,index,arr)
			item:数组的每一项
			index:数组的索引值
			arr: 数组本身
-->

//示例1
function isBigEnough(element) {
   return element >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
console.log(filtered);//[ 12, 130, 44 ]

//示例2
arr.filter(item=>{
	if(item === 2){
		return true;
	}
});
//some(fn)  查找数组元素
<!-- 
	1. 返回bool值:
		任意一次fn返回true,结果则为true
		所有fn返回为false时,结果才为false

	2. fn回调函数有三个参数(item,index,arr)
			item:数组的每一项
			index:数组的索引值
			arr: 数组本身
-->

//示例
let aa = false;
 arr.some(item=>{
    if(item=== timeVal){
        aa = true;
        return true;
      }else{
        aa = false;
      }
   });
//every(fn)
<!-- 
	1. 返回bool值:
		任意一次fn返回false,结果则为false
		所有fn返回为时true,结果才为true

	2. fn回调函数有三个参数(item,index,arr)
			item:数组的每一项
			index:数组的索引值
			arr: 数组本身
-->

//示例
arr.every(function(value,index,array){return 条件});

arr.every(item=>{
	if(item ===1){
		//这里处理逻辑
		return false;
	}
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值