码迷,mamicode.com
首页 > Web开发 > 详细

js 解析 JSON 数据

时间:2019-08-09 01:10:09      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:tree   home   name   javascrip   undefined   number   rip   one   new   

JSON 数据如下:

{
    "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);
            
    alert(json["name"]); //mkyong
    alert(json.name); //mkyong
    
    alert(json.address.streetAddress); //88 8nd Street
    alert(json["address"].city); //New York
            
    alert(json.phoneNumber[0].number); //111 111-1111
    alert(json.phoneNumber[1].type); //fax
            
    alert(json.phoneNumber.number); //undefined
</script>    

 

js 解析 JSON 数据

标签:tree   home   name   javascrip   undefined   number   rip   one   new   

原文地址:https://www.cnblogs.com/ryanzheng/p/11324555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!