欢迎访问优讯网!
您当前的位置:首页 > 爱编程

js 解析 JSON 数据简单示例

时间:2020-04-22 08:33:43  来源:优讯网  作者:小卡司  浏览次数:
这篇文章主要介绍了js 解析 JSON 数据的方法,结合简单实例形式分析了js 解析 JSON 格式数据的相关操作技巧与注意事项,需要的朋友可以参考下
 

本文实例讲述了js 解析 JSON 数据。分享给大家供大家参考,具体如下:

JSON 数据如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
  "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 代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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>

运行结果:

来顶一下
返回首页
返回首页

原文链接:https://www.jb51.net/article/185154.htm


推荐资讯
如何下载旧版centos iso镜像 如何下载迷你mini版的centos镜像
如何下载旧版centos i
计算机的正确使用姿势 电脑痴如何正确的使用电脑
计算机的正确使用姿势
好用的后台管理的前端框架模版H-ui H-ui框架模版分享
好用的后台管理的前端
微信电脑多开方法 无需辅助电脑版微信双开方法分享
微信电脑多开方法 无
相关文章
栏目更新
栏目热门