总结了下json的遍历

最新推荐文章于 2022-12-21 11:14:41 发布

原创最新推荐文章于 2022-12-21 11:14:41 发布 · 412 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了JavaScript中遍历JSON对象的三种方式：传统for循环、for...in循环以及jQuery的$.each方法。通过实例展示了如何获取并显示JSON数据中的'id'、'ip'、'name'和'mac'属性。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script>
/*js的遍历json*/
window.onload=function(){
 var dzTab = { 
"zd": [ 
{ 
"id": "1", 
"ip": "192.168.2.10", 
"name":"yyyyyy",
"mac": "00-12-34-89-99-01" 
}, 
{ 
"id": "2", 
"ip": "192.168.2.11", 
"name":"ssssss",
"mac": "00-12-34-89-99-02" 
}] 
}
var data=dzTab.zd;
/*传统for循环*/
/*for(var i=0;i<data.length;i++){
	
	alert("id="+data[i].id+",ip="+data[i].ip+",name="+data[i].name+",mac="+data[i].mac)
	}*/
/*for in循环*/
/*for(i in data){
	
	alert("id="+data[i].id+",ip="+data[i].ip+",name="+data[i].name+",mac="+data[i].mac)
	}*/
	
/*jquery遍历	*/
$.each(data, function(i,items){
	
	alert("id="+items.id+",ip="+items.ip+",name="+items.name+",mac="+items.mac)
	
	})


}