JS中遍历函数each的实现

最新推荐文章于 2022-02-12 22:01:22 发布

boss2967

最新推荐文章于 2022-02-12 22:01:22 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/boss2967/article/details/77212615

版权

本文介绍了JavaScript中实现遍历函数each的方法，通过示例展示了如何对数组和JSON对象进行遍历操作。each函数接受一个数据集合和一个操作函数作为参数，用于对集合内的每个元素执行指定操作。文中还提供了jQuery的$.each用法，并通过for循环对比了不同的遍历方式。

摘要由CSDN通过智能技术生成

js中遍历函数操作经常使用到, 遍历就是对数据集合内元素进行某个操作, 因为是对集合内每个元素都进行指定操作, 故称遍历,

数据集合, 我们想到最常用的就是数组; 指定的操作,可以有多样, 最常用的就是利用一个函数来指定所进行的操作; 那么如果以数据集合, 和指定的操作作为某个 [ 即 each ] 函数的参数, 即可对数据集合内每个元素进行指定的操作, 下面看看其实现过程:

function each( objArray, funName ) {
//功能: 用函数 funName 对数组 objArray 中的每个值进行处理一次，
for(var i=0; i<objArray.length; i++){ funName(objArray[i],i); }
}

参数说明：
objArray 为数组对象, 即数据集合
funName 为函数对象，即指定的操作, 在外部定义, 也可以直接 function(p1,p2,...) { ...... } 函数形式给出

返回值：
无，但可根据需要修改返回某值或对象；

[java]view plaincopy 
   
 <body>  
 <button>Click Here</button>  
 <div>this is a div</div>  
 <p>this is a p</p>  
 <span>this is a span</span><br /><br />  
 <b>this is a b</b><br /><br />  
 <em>this is a em</em>  
 </body>  

each循环

[java]view plaincopy 
   
 $(function(){  
     $("button").click(  
 　　　　function(){  
 　　　　var a1="";  
 　　　　var a2="";  
 　　　　var a3="";  
 　　　　var a4="";  
 　　　　var a5="";  
 　　　　var colors=['red','blue','green','yellow',