JavaScript 学习-6.对象（object）的序列化和反序列化

前言

在JavaScript中的序列化和反序列化。

对象的序列化

当我们需要像后端传json字符串的时候，需将JavaScript的对象转成json格式，这个过程就是序列化。

var person = {
    name: "yoyo",
    age: 22,
    address: "上海市"
};
console.log(person);  // {name: 'yoyo', age: 22, address: '上海市'}
alert(person);  // [object Object]

如果我们需要把数据传到后端，是需要转成标准的json格式，后端才能正常的识别到。于是需把JavaScript的object对象转成json。

最常用的是内置方法​​JSON.stringify(obj)​​

var person = {
    name: "yoyo",
    age: 22,
    address: "上海市"
};

console.log(JSON.stringify(person));  // {"name":"yoyo","age":22,"address":"上海市"}
alert(JSON.stringify(person));  // {"name":"yoyo","age":22,"address":"上海市"}

反序列化

后端通过接口给前端提供json数据，JavaScript接收json数据后续解析成object对象才好取值，这个过程叫反序列化。

最常用的是内置方法​​JSON.parse(text)​​

// text 是一个 json 字符串
text = '{"name":"yoyo","age":22,"address":"上海市"}'
console.log(JSON.parse(text))
alert(JSON.parse(text))

兼容性

对象的序列化和反序列化使用 JavaScript 提供的内置方法​​JSON.stringify(obj)​​和​​JSON.parse(text)​​基本就可以了。

（但是对于IE8以下的低版本兼容会有一些问题, 不过最近IE浏览器都宣布退出了，再也不用担心这个问题了）

json.js 是 JSON官方（​​http://www.json.org/）提提供的在JavaScript中解析JSON的js包，主要为了解决不同浏览器的兼容性。​​

网上会看到json.js、json2.js、json3.js是从旧到新的三个版本，现在一般使用json3.js。

JSON官方（​​http://www.json.org/）提供了一个json3.js，提供了JSON的序列化和反序列化方法，可以将一个JSON对象转换成JSON字符串，也可以将一个JSON字符串转换成一个JSON对象。​​

这样ie8(兼容模式)，ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；

​​json3.js​​是与各种JavaScript平台兼容的现代JSON实现，包括Internet Explorer 6，Opera 7，Safari 2和Netscape 6.当前版本是3.3.2。

可以在 ​​https://bestiejs.github.io/json3/​​​ 获取到这个最新的​​json3.js​​

这里提供一个​​json2.js​​​ github 下载地址​​https://github.com/douglascrockford/JSON-js​​