在JavaScript中解析JSON數組和對象？

Question

我使用Google analytics API從服務器獲取JSON消息。我收到的消息是這一個：

{ 
    "reports": [ 
    { 
     "columnHeader": { 
     "dimensions": [ 
      "ga:landingPagePath" 
     ], 
     "metricHeader": { 
      "metricHeaderEntries": [ 
      { 
       "name": "ga:pageviews", 
       "type": "INTEGER" 
      }, 
      { 
       "name": "ga:sessions", 
       "type": "INTEGER" 
      } 
      ] 
     } 
     }, 
     "data": { 
     "rows": [ 
      { 
      "dimensions": [ 
       "/-chandigarh/axis-bank-sarsini-branch_chandigarh_chg_850458.html" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "1", 
        "1" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/267249-1.compliance-alex.xyz" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "29", 
        "10" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/267249-1.compliance-don.xyz" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "27", 
        "9" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/267249-1.compliance-fred.xyz" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "20", 
        "7" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/abohar/axis-bank-the-fazilka-central-cooperative-bank-ltd-branch_abohar_frp_135.html" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "1", 
        "1" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/about-us/career.htm" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "8", 
        "5" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/about-us/company-profile.htm" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "34", 
        "14" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/about-us/infrastructure.htm" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "3", 
        "1" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/adilabad/gk-hospital-multispeciality-care_adilabad_adi_399806.html" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "2", 
        "1" 
       ] 
       } 
      ] 
      }, 
      { 
      "dimensions": [ 
       "/ahmedabad/akhani-jagdish-kumar_ahmedabad_ahd_1124498.html" 
      ], 
      "metrics": [ 
       { 
       "values": [ 
        "7", 
        "3" 
       ] 
       } 
      ] 
      } 
     ], 
     "totals": [ 
      { 
      "values": [ 
       "3420452", 
       "1333496" 
      ] 
      } 
     ], 
     "rowCount": 347614, 
     "minimums": [ 
      { 
      "values": [ 
       "0", 
       "1" 
      ] 
      } 
     ], 
     "maximums": [ 
      { 
      "values": [ 
       "56660", 
       "49274" 
      ] 
      } 
     ], 
     "isDataGolden": true 
     }, 
     "nextPageToken": "1000" 
    } 
    ] 
} 

我想解析它並將數據保存在變量中。我將如何解析它。我嘗試了很多選擇，但沒有從JSON獲取任何數據。結果顯示爲undefined。我想獲取尺寸和值喜歡的陣列數據：

var a = "/-chandigarh/axis-bank-sarsini-branch_chandigarh_chg_850458.html"; 

var b = 1; 

var c = 1; 

Answer 1

使用json.parse

var json = '{"param1":1,"param2":2}', 
 
     obj = JSON.parse(json); 
 
    alert(obj.param1);

大多數瀏覽器如谷歌支持JSON.parse，而且對於那些不支持你可以使用json2 - >https://github.com/douglascrockford/JSON-js/blob/master/json2.js

Answer 2

假設你的JSON輸入存儲在json變量，你可以只是做：

var json = '{"reports":[{"columnHeader":{"dimensions":["ga:landingPagePath"],"metricHeader":{"metricHeaderEntries":[{"name":"ga:pageviews","type":"INTEGER"},{"name":"ga:sessions","type":"INTEGER"}]}},"data":{"rows":[{"dimensions":["/-chandigarh/axis-bank-sarsini-branch_chandigarh_chg_850458.html"],"metrics":[{"values":["1","1"]}]},{"dimensions":["/267249-1.compliance-alex.xyz"],"metrics":[{"values":["29","10"]}]},{"dimensions":["/267249-1.compliance-don.xyz"],"metrics":[{"values":["27","9"]}]},{"dimensions":["/267249-1.compliance-fred.xyz"],"metrics":[{"values":["20","7"]}]},{"dimensions":["/abohar/axis-bank-the-fazilka-central-cooperative-bank-ltd-branch_abohar_frp_135.html"],"metrics":[{"values":["1","1"]}]},{"dimensions":["/about-us/career.htm"],"metrics":[{"values":["8","5"]}]},{"dimensions":["/about-us/company-profile.htm"],"metrics":[{"values":["34","14"]}]},{"dimensions":["/about-us/infrastructure.htm"],"metrics":[{"values":["3","1"]}]},{"dimensions":["/adilabad/gk-hospital-multispeciality-care_adilabad_adi_399806.html"],"metrics":[{"values":["2","1"]}]},{"dimensions":["/ahmedabad/akhani-jagdish-kumar_ahmedabad_ahd_1124498.html"],"metrics":[{"values":["7","3"]}]}],"totals":[{"values":["3420452","1333496"]}],"rowCount":347614,"minimums":[{"values":["0","1"]}],"maximums":[{"values":["56660","49274"]}],"isDataGolden":true},"nextPageToken":"1000"}]}' 
 

 
// Parse the JSON into the data variable 
 
var data = JSON.parse(json); 
 

 
data.reports.forEach(report => { 
 
    report.data.rows.forEach(row => { 
 
    // row.dimensions will contain your 'dimensions' array 
 
    console.log(row.dimensions); 
 
    
 
    row.metrics.forEach(metric => { 
 
     // metric.values will contain your 'values' array 
 
     console.log(metric.values); 
 
    }); 
 
    }); 
 
});

您只需將這些屬性存儲到您自己的變量中。