快捷導(dǎo)航

js 解析 JSON 數(shù)據(jù)簡單示例

更新時間：2020年04月21日 16:22:28 作者：Ryan_zheng

這篇文章主要介紹了js 解析 JSON 數(shù)據(jù)的方法,結(jié)合簡單實例形式分析了js 解析 JSON 格式數(shù)據(jù)的相關(guān)操作技巧與注意事項,需要的朋友可以參考下

本文實例講述了js 解析 JSON 數(shù)據(jù)。分享給大家供大家參考，具體如下：

JSON 數(shù)據(jù)如下：

{
  "name": "mkyong",
  "age": 30,
  "address": {
    "streetAddress": "88 8nd Street",
    "city": "New York"
  },
  "phoneNumber": [
    {
      "type": "home",
      "number": "111 111-1111"
    },
    {
      "type": "fax",
      "number": "222 222-2222"
    }
  ]
}

要在JavaScript中訪問JSON對象，使用 JSON.parse() 解析它，并通過“.”或“[]”訪問。

JS 代碼如下：

<script>
    var data = '{"name": "mkyong","age": 30,"address": {"streetAddress": "88 8nd Street","city": "New York"},"phoneNumber": [{"type": "home","number": "111 111-1111"},{"type": "fax","number": "222 222-2222"}]}';

  var json = JSON.parse(data);
      
  console.log(json["name"]); //mkyong
  console.log(json.name); //mkyong
  
  console.log(json.address.streetAddress); //88 8nd Street
  console.log(json["address"].city); //New York
      
  console.log(json.phoneNumber[0].number); //111 111-1111
  console.log(json.phoneNumber[1].type); //fax
      
  console.log(json.phoneNumber.number); //undefined
</script>

運(yùn)行結(jié)果：