• 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);
  • 相关阅读:
    命令[46]
    命令[53]
    命令[48]
    命令[43]
    命令[52]
    命令[55]
    命令[41]
    MYSQL[02]大小写问题
    hdu 1811
    hdu 1829
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/14930672.html
Copyright © 2020-2023  润新知