JSON的语法、常用类型及示例

昨天,我们与后台组合作完成的个人博客系统中与完成测试,并交了代码,平时一直忙着没有写博客,现在终于有时间可以整理一下在做博客系统中出现的问题。
我是在学完html、css、js之后就开始做的,所以要先补一下做博客系统会用到的知识。

在学习JavaScript的过程中,我们接触了一种新的数据格式——JSON数据格式。JSON的全称是”JavaScript Object Notation”,意思是javascript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式
JSON的格式
JSON 数据的书写格式是键(名称)/值对
JSON 键值对是用来保存 JS 对象的一种方式,和 JS 对象的写法也大同小异,键/值对包括字段名称(在双引号中),后面写一个冒号,然后是值。
JSON 值可以是:字符串(在双引号中)、数组(在中括号中)、数字(整数或浮点数)、逻辑值(true 或 false)、对象(在大括号中)、 null。
JSON结构
JSON结构有两种结构,就是对象和数组。通过这两种结构可以表示各种复杂的结构。
{"province": "Shanxi"} 可以理解为是一个包含province为Shanxi的对象,
["Shanxi","Shandong"]这是一个包含两个元素的数组
[{"province": "Shanxi"},{"province": "Shandong"}] 就表示包含两个对象的数组。
当然了,你也可以使用 {"province":["Shanxi","Shandong"]} 来简化上面的JSON,这是一个拥有一个name数组的对象。
注意:(1)JSON键必须用双引号括起来,否则会报错
如:

这里写图片描述
这里写图片描述
(2)最后一个属性不能加逗号
如:
这里写图片描述

可以通过JSON校验工具来检查你的JSON数据格式是否正确。
比如:http://www.json.cn/、http://www.bejson.com/等等。

JSON与JS对象的关系
很多人搞不清楚 JSON 和 JS 对象的关系,甚至连谁是谁都不清楚。其实,可以这么理解:JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。平时说的JSON对象,是JSON格式的JS对象或是符合JSON数据结构要求的JS对象。

JSON和JS对象互转
要实现从对象转换为 JSON 字符串,使用 JSON.stringify() 方法:
这里写图片描述
结果:
这里写图片描述
要实现从 JSON 转换为对象,使用 JSON.parse() 方法:
这里写图片描述
结果:
这里写图片描述
举个栗子
首先,我们定义一个JSON对象:
这里写图片描述

data是一个JSON对象,它具有3个属性:code,msg,result,其中code和msg的值都是字符串,result的值是一个对象数组。result包含了一个对象,这个对象具有3个属性userid,uname,email。
(1)读取JSON数据
这里写图片描述
这里写图片描述
(2)遍历数据
可以使用for…in…循环来遍历JSON对象中的数据,比如我们要遍历输出data对象的值
这里写图片描述
这里写图片描述

  • 4
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值