js和jQuery的each方法区别

àì夳堔傛蜴生んèń 2023-10-05 14:43 1阅读 0赞

js和jQuery的each方法

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>map遍历</title>
    		<script src="js/jquery-1.12.4.js"></script>
    		<script>
    			var arr=[1,2,3,4,5];
    			var obj={1:2,3:4,5:6,7:8}
    			//原生js的each方法，只能遍历数组，不能遍历伪数组
    //			arr.forEach(function(value,index){
    //				console.log(index,value);
    //			});
    //			obj.forEach(function(value,index){
    //				console.log(index,value);
    //			});
    			//jQuery的each方法，能遍历数组和伪数组
    			$.each(arr,function(index,value){
    				console.log(index,value)
    			});
    			$.each(obj,function(index,value){
    				console.log(index,value)
    			});
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

###### js和jQuery的each方法区别： ######

*  ###### js的each方法只能遍历数组，不能遍历伪数组 ######
 *  ###### jQuery的each方法不仅能遍历数组，还能遍历伪数组 ######
 *  ###### js的each方法中第一个参数是value，第二个参数是index ######
 *  ###### jQuery的each方法中第一个参数是数组，第二个参数是function，function中 ######
 *  ###### 第一个参数是index，第二个参数是value ######

###### js和jQuery的each方法写法 ######

*  ###### js： ######
    
     *      arr.forEach(function (value,index){
            	console.log(index,value);
            });
 *  ###### jQuery: ######
    
     *      $.each(arr,function(index,value){
            	console.log(index,value);
            });
        
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQyOTI5MA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQyOTI5MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201129102200962.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQyOTI5MA==,size_16,color_FFFFFF,t_70