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键必须用双引号括起来,否则会报错
如:

JSON的语法、常用类型及示例_第1张图片
JSON的语法、常用类型及示例_第2张图片
(2)最后一个属性不能加逗号
如:
JSON的语法、常用类型及示例_第3张图片

可以通过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对象:
JSON的语法、常用类型及示例_第4张图片

data是一个JSON对象,它具有3个属性:code,msg,result,其中code和msg的值都是字符串,result的值是一个对象数组。result包含了一个对象,这个对象具有3个属性userid,uname,email。
(1)读取JSON数据
JSON的语法、常用类型及示例_第5张图片
JSON的语法、常用类型及示例_第6张图片
(2)遍历数据
可以使用for…in…循环来遍历JSON对象中的数据,比如我们要遍历输出data对象的值
JSON的语法、常用类型及示例_第7张图片
JSON的语法、常用类型及示例_第8张图片

你可能感兴趣的:(前端)