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

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数组 ，后用 Json数组的方式遍历

var jsonArr = $.parseJSON(jsonArrStr);