JSON

2017-11-11 本文已影响22人 YM雨蒙

曾经有一段时间,XML是互联网上传输结构化数据的事实标准,但很多人认为XML过于繁琐,冗长.为了解决这一问题,2006年Duglas Crockford把JSON(javaScript Object Notation,对象表示法)作为IETFRFC4627提交给IETF,而JSON的应用早在2001年就开始了,JSON是javascript的严格的子集,表示结构化数据
关于JSON,它是一种数据结构,不是一种编程语言

语法

简单值: 使用与JavaScript相同的语法,可以在JSON中表示字符串数值布尔值和null,不支持undefined
对象: 对象做为一种复杂数据结构,表示是一组无序键值对
数组: 数组也是一种复杂的数据结构,表示一组有序的值得列表,可以通过数值的索引来访问其中的值

简单值

最简单的JSON数据形式就是简单值.

5  //JSON表示5的方式
"Hello World"  //JSON字符串必须使用双引号

对象

JSON中的对象与JavaScript字面量有一些不同,下面是Js字面量:

var person = {
  name : "yym",
  age : 24
}

JSON中的对象要求给属性加引号

// 不用声明变量
{
  "name" : "yym",
  "age" : 24,
  "school" : {
    "location" : "beijing"
  }
}

数组

JSON数组也没有变量和分号

[
  {
    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 3,
    "year" : 2011
  },
  {
    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 2,
    "year" : 2015
  },
  {
    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 1,
    "year" : 2011
  }  
]

对象和数组通常是JSON数据结构最外层,利用他们可以创造出各种各样的数据结构

JSON对象

早期JSON解析器基本上使用JS的eval()函数,由于JSON是Javascript语法的子集,因此eval()可以解析并返回JavaScript对象和数组

JSON对象有两个方法:

stringify() 把JavaScript对象序列化为JSON字符串
parse() 把JSON字符串解析为原生JavaScript的值

var book = {

    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 3,
    "year" : 2011
}
var jsonText = JSON.stringify(book)
//{"title": "pro Js","author": ["yym"],"edition": 3,"year" : 2011}

在序列化对象时,所有函数及原型成员都会有意忽略,不体现在结果中,值为undefined的任何属性也会被跳过,最终值为有效的JSON数据类型的实例属性

将JSON字符串直接传递给JSON.parse()可以得到相应的javaScript的值

var bookCopy = JSON.parse(jsonText)

序列化选项

实际上,JSON.stringify()除了要序列化的JavaScript对象外,还可以接受两个参数,第一个参数是过滤器,可以是数组,也可以是函数,第二个参数是一个选项,表示是否在JSON字符串中保留缩进

过滤结果

// 过滤器是数组,结果中只包含数组中列出的对象
var book = {

    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 3,
    "year" : 2011
}
var jsonText = JSON.stringify(book,["title","edition"])
//{"title": "pro Js","edition": 3}

字符串缩进
JSON.stringify()第三个参数用于控制结果中的缩进和空白符,如果参数是一个数值,表示每个级别缩进的空格数 数值和字符串都不能超过10

var book = {
    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 3,
    "year" : 2011
}
var jsonText = JSON.stringify(book,null,4)
//
{

    "title": "pro Js",
    "author": [
        "yym"
    ],
    "edition": 3,
    "year" : 2011
}

toJSON()方法
有时候,JSON.stringify()还是不能满足某些对象进行自定义序列化的需求,在某些情况下,可以给对象定义toJSON()方法,返回器自身的JSON数据格式

var book = {

    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 3,
    "year" : 2011,
      toJSON: function(){
        return this.title; //返回图书的书名
      }
};
var jsonText = JSON.stringify(book)

序列化对象顺序

如果存在toJSON()方法而且能通过它取得的有效值,则调用该方法,否则,返回对象本身.
如果提供第二个参数,应用这个函数过滤器,传入函数过滤器值是第1步返回的值
对第2步返回的每个值序列化
如果提供第三个参数,执行相应的格式化

解析选项

JSON.parse()方法也可以接受另一个参数,该参数是一个函数,在每个键值对上调用,这个函数被称为还原函数(reviver)

如果还原函数返回undefined,则表示要从结果中删除相应的键;如果返回其他值,则将该值插入到结果中.在日期字符串转换为Date对象时,经常要用到还原函数

var book = {

    "title": "pro Js",
    "author": [
      "yym"
    ],
    "edition": 3,
    "year" : 2011,
    releaseDate: new Date(2017,11,11)
};
var jsonText = JSON.stringify(book)

var bookCopy = JSON.parse(jsonText,function(key,value){
  if(key == "releaseDate"){
    return new Data(value)
  }else{
    return value
  }
})
alert(bookCopy.releaseDate.getFUllYear())

以上代码先为book对象新增一个属性,该属性保存Date对象,这个对象在经过序列化之后变成有效字符串,经过解析又在bookCopy中还原一个Date对象.

小结

JSON是一个轻量级的数据格式,可以简化表示复杂数据的工作量.JSON使用JavaScript语法的自己表示对象
JSON.stringify() JSON.parse()

JSON

语法

简单值

对象

数组

JSON对象

序列化选项

解析选项

小结

猜你喜欢

热点阅读