JS/Jquery遍历JSON对象、JSON数组、JSON数组字符串、JSON对象字符串

本文介绍如何使用JavaScript遍历JSON对象及数组,并演示了不同遍历方法的具体实现,包括使用for循环、for...in循环及$.each方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JS遍历JSON对象

JSON对象

var jsonObj = {
	 "id": 102,
	    "year": "2019-2020",
	    "label": "2019-2020"
	  };

JS遍历方法

for(var p in jsonObj){
	    alert(jsonObj[p]);
}

Jquery遍历方法

$.each(jsonObj,function(index,value){
	alert(value);
});

获取json对象的属性

alert("json:"+jsonObj.year);

遍历JSON对象字符串

遍历JSON对象字符串首先把字符串转换成JSON对象,后面遍历的方法与遍历JSON对象相同。

JSON对象字符串如下:

var jsonObjStr = '{"id": 102,"year": "2019-2020","label": "2019-2020"}';

JSON对象字符串 转换成 JSON对象

var jsonObj = JSON.parse(jsonObjStr);

遍历方法与JS遍历JSON对象遍历方法相同,此处不再赘述。

遍历JSON数组

JSON数组

var jsonArr = [
		  {
		    "id": 102,
		    "year": "2019-2020",
		    "label": "2019-2020"
		  },
		  {
		    "id": 82,
		    "year": "2018-2019",
		    "label": "2018-2019"
		  },
		  {
		    "id": 42,
		    "year": "2017-2018",
		    "label": "2017-2018"
		  }];

遍历方法

for(var i=0,l=jsonArr.length;i<l;i++){
	    for(var key in jsonArr[i]){
	        alert(key+':'+jsonArr[i][key]);
	    }
	 }
	
$.each(jsonArr,function(index,value){
	alert(value.year);
});

遍历JSON数组字符串

遍历JSON数组字符串首先把字符串转换成JSON数组对象,后面遍历的方法与遍历JSON数组对象相同。

JSON数组字符串

var jsonArrStr = '[{"id": 102,"year": "2019-2020","label": "2019-2020"},{"id": 82,"year": "2018-2019","label": "2018-2019"},{"id": 42,"year": "2017-2018","label": "2017-2018"}]';

JSON数组字符串 转换成 JSON数组

var jsonArr = $.parseJSON(jsonArrStr);
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值