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

Posted 2022-05-23 上海-悠悠

前言

在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