CRainyDay

JSON — JavaScript Object Notation

一.JSON简介

  • JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
  • JSON 是一个特殊的字符串, 它能被任意编程语言识别, 并可转换为任意语言中的对象

  • JSON 是轻量级的文本数据交换格式

  • JSON 使用 JavaScript 语法来描述数据对象, 但是 JSON 仍然独立于语言和平台. JSON 解析器和JSON 库支持许多不同的编程语言.

1.JSON与XML

JSON类似 XML(也是用来进行数据交换的)

  • JSON 是纯文本
  • JSON 具有“自我描述性”(人类可读)
  • JSON 具有层级结构(值中存在值)
  • JSON 可通过 JavaScript 进行解析
  • JSON 数据可使用 AJAX 进行传输

相比 XML 的不同之处

  • 没有结束标签
  • 更短
  • 读写的速度更快
  • 能够使用内建的 JavaScript eval() 方法进行解析
  • 使用数组
  • 不使用保留字
现在都用JS的JSON工具类来解析JSON

二.JSON语法

JSON 语法是 JavaScript 对象表示法语法的子集

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

1.JSON名值对

JSON 数据的书写格式是: 名称/值对.

名称/值对包括字段名称(必须在双引号中), 后面写一个冒号, 然后是值:

1
2
3
"firstName" : "John";
//上面就等价于JS语句
firstName = "John";

2.JSON的值

  • 数字(整数或浮点数)
  • 字符串(在双引号中)
  • 逻辑值(true 或 false)
  • 数组(在方括号中)
  • 对象(在花括号中)
  • null

3.JSON对象

JSON 对象在花括号中书写:
对象可以包含多个名称/值对:

1
'{"name":"孙悟空","age":500,"sex":"男","status":true}'

4.JSON数组

JSON 数组在方括号中书写:

1
'[1,2,3,4,5]'

JSON对象与数组可以嵌套

5.JSON文件

  • JSON 文件的文件类型是 “.json”
  • JSON 文本的 MIME 类型是 “application/json”

三.JSON与JS对象转换

1.JSON—>JS对象

JSON.parse()方法:
将指定JSON字符串转换为JS对象并返回

eval()函数:
这个函数可以用来执行一段字符串形式的JS代码, 并将执行结果返回

1
2
3
4
5
6
7
8
9
10
//法1:
var jstr = '{"name":"孙悟空","age":500,"sex":"男","status":true}';
var obj = JSON.parse(jstr);
console.log(typeof obj);//object
console.log(obj.name);//孙悟空
//IE7及以下浏览器不支持JSON类,可以用法2
//法2:
var obj2 = eval("("+jstr+")");
console.log(typeof obj2);//object
console.log(obj2.name);//孙悟空

2.JS对象—>JSON

JSON.stringify()方法:
将指定JS对象转换为JSON字符串并返回

1
2
3
4
var obj = {name:"孙悟空",age:500,sex:"男",status:true};
var jstr = JSON.stringify(obj);
console.log(typeof jstr);//string
console.log(jstr);//'{"name":"孙悟空","age":500,"sex":"男","status":true}'

若想兼容IE7及以下浏览器, 可以引入外部JS(文件里实现了JSON工具类)


 评论



本博客所有文章除特别声明外,均采用[(CC BY-NC-SA 4.0)]许可协议。转载请注明出处!

本站使用 Material X 作为主题 , 总访问量为 次 。
Copyright © 2019 CRainyDay's Blog 版权所有