数组操作方式--$.each()遍历数组方法

前端-文龙刚

已于 2022-12-15 09:24:00 修改

阅读量539

点赞数

分类专栏： Javascript 文章标签： javascript 前端开发语言

于 2022-12-08 17:49:30 首次发布

本文链接：https://blog.csdn.net/qq_17211063/article/details/128241208

版权

Javascript 专栏收录该内容

84 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>$.each()遍历基本方法</title>
	<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
</head>
<body>
	<input name="aaa" type="hidden" value="111" />
	<input name="bbb" type="hidden" value="222" />
	<input name="ccc" type="hidden" value="333" />
	<input name="ddd" type="hidden" value="444"/>
</body>
</html>
<script type="text/javascript">
	$(function(){
//		1、遍历一维数组
		var arr1=['aa','bb','cc','dd'];
		 $.each(arr1,function(i,val,c){ //两个参数，第一个参数表示遍历的数组的下标，第二个参数表示下标对应的值
		 console.log(i+'```````'+val+'--'+c);
		 })
		 
//		 2、遍历二维数组
		var arr2=[['aaa','bbb'],['ccc','ddd',['文龙刚','大佬一号','大佬二号']],['eee','fff']];
		$.each(arr2,function(i,item){ //两个参数，第一个参数表示下标，第二个参数表示一维数组中的每一个数组
		 console.log(i+'````'+item);
		})
		
//		3、处理json
		var json1={key1:'a',key2:'b',key3:'c'};
		 $.each(json1,function(key,value){  //遍历键值对
		 	console.log(key+'````'+value);
		 })
		 
//		 4、当二位数组中有json对象时
		var arr3=[{name:'n1',age:18},{name:'n2',age:20},{name:'n3',age:22}];
        $.each(arr3,function(i,val){
            console.log(i+'`````'+val);   　　　　//输出　　　　/* 0`````[object Object] 1`````[object Object] i2`````[object Object]*/
            console.log(val.name); //获取每一个json里面的name值
            console.log(val["name"]);
            $.each(val,function(key,val2){
                console.log(key+'```'+val2);
            })
        });
        
//      5、处理dom元素
		$.each($('input:hidden'),function(i,val){
            console.log(i+'````'+val);
            /*0````[object HTMLInputElement]
            1````[object HTMLInputElement]
            2````[object HTMLInputElement]
            3````[object HTMLInputElement]*/
            console.log(val.name+'`````'+val.value);
           /* aaa`````111
           bbb`````222
            ccc`````333
           ddd`````444*/
        })
	});
</script>