js 解析 JSON 数据

Posted ryanzheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 解析 JSON 数据相关的知识,希望对你有一定的参考价值。

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 数据的主要内容,如果未能解决你的问题,请参考以下文章

JS中将JSON的字符串解析成JSON数据格式《转》

js读取解析JSON数据

json进阶 一 js读取解析JSON类型数据

js 解析 JSON 数据

js解析与序列化json数据(一)json.stringify()的基本用法

js怎么读取本地的 json数据