对象序列化和反序列化过程

一、什么是对象序列化？

序列化：把对象转化为可传输的字节序列过程称为序列化。

反序列化：把字节序列还原为对象的过程称为反序列化。

二、为什么会有对象序列化？

客户端向服务器端发送请求后，服务器端怎么才能把用户需要的数据返回给客户端呢。这时我们就需要用一个指定的格式将数据，按照指定格式返回客户端。也就是说先把对象Object序列化，然后客户端根据接收到的字符串再反序列化（也就是将字符串还原为对象）解析出相应的对象。

序列化主要就是为了传输方便，将要传输的对象序列化为二进制的数据流，效率极高，接收时通过反序列化转化成对象，从而达到一个传输的效果。

这时就有了两种数据传输的方式（XML和Json），在普通的网络应用中，不管是服务器端还是客户端解析XML代码会非常麻烦，所以这时的JSON就更加满足数据传输解析的要求。采用的的JSON格式的方式进行数据的传输，不仅方便传输解析，还特别易于人阅读和编写。

三、JSON介绍

JSON 指的是 JavaScript 对象表示法（全称：JavaScript Object Notation）

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

JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。

JSON 具有自我描述性，更易理解

ECMAScript 5中提供了内置函数JSON.stringify()和JSON.parse()用来序列化和还原JavaScript对象

四、JSON的表现形式

【4.1】JSON语法

JSON 对象在大括号{}中书写，可以包含多个键值对，键(key)必须是字符串，值(value)可以是合法的JSON数据类型(数字，字符串，逻辑值，对象，数组，null），key和value使用冒号分割，每个键值对使用逗号分割

// 数字+对象
{
  "code": 200,
  "data": {
    "systemName": "xxx系统",
    "lockTime": 30
  }
}

// 数组
{
  "data": [
    {
      "name": "Demi",
      "age": 12
    },
    {
      "name": "Jan",
      "age": 18
    }
  ]
}

【4.2】访问

使用点号或者中括号来访问JSON对象的值

let myObject = {
    "name": "dingFY",
    "age": 24
}
let name = myObject.name
let age = myObject["age"]

【4.3】修改

使用点号或者中括号来修改JSON对象的值

let myObject = {
    "name": "dingFY",
    "age": 24
}
myObject.name = "Demi"
myObject["age"] = 18

【4.4】删除

使用delete关键字来删除JSON对象属性

let myObject = {
    "name": "dingFY",
    "age": 24
}
delete myObject.name
delete myObject["age"]

五、序列化JSON.stringify()

【5.1】简介

使用JSON.stringify()将对象序列化为JSON字符串

【5.2】语法

JSON.stringify(value[, replacer][, space])

value：必需，要转换成JSON字符串的原始值、对象或数组
replace：可选，用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
space：可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t

【5.3】使用

let obj = {
    name: "dingFY",
    age: 24
}
let myObj = JSON.stringify(obj)

六、反序列化JSON.parse()

【6.1】简介

使用JSON.parse()将将JSON数据反序列化为Javascript对象

【6.2】语法

JSON.stringify(text[, reviver])

text：必需，一个有效的 JSON 字符串。
reviver：可选，一个转换结果的函数，将为对象的每个成员调用此函数。

【6.3】使用

let obj = {
    "name": "dingFY",
    "age": 24
}
let myObj = JSON.parse(obj)

七、详细规则

JSON的语法是JavaScript语法的子集，它并不能表示JavaScript中的所有值，对于JSON语法不支持的属性，序列化后会将其省略。其详细规则如下

JSON.stringify()只能序列化对象的可枚举的自有属性，不可枚举属性会被忽略
非数组对象的属性不能保证以特定的顺序出现在序列化后的字符串中
布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值
对于JavaScript中的五种原始类型，JSON语法支持数字、字符串、布尔值、null四种，不支持undefined
NaN、Infinity和-Infinity序列化的结果是null
JSON语法不支持函数和symbol值
除了RegExp、Error对象，JSON语法支持其他所有对象
日期对象序列化的结果是ISO格式的字符串，但JSON.parse()依然保留它们字符串形态，并不会将其还原为日期对象

八、JSON和XML的区别

【8.1】语法

// JSON
{
  "data": [
    {
      "name": "baidu",
      "url": "www.baidu.com"
    }
  ]
}



  
    百度
    www.baidu.com

【8.2】相同

JSON 和 XML 数据都是 "自我描述" ，都易于理解。
JSON 和 XML 数据都是有层次的结构
JSON 和 XML 数据可以被大多数编程语言使用

【8.3】不同

JSON 不需要结束标签
JSON 更加简短
JSON 读写速度更快
JSON 可以使用数组
XML 需要使用 XML 解析器来解析，JSON 可以使用标准的 JavaScript 函数来解析

【8.4】XML和JSON的优缺点对比

可读性方面：JSON和XML的数据可读性基本相同，JSON和XML的可读性可谓不相上下，一边是建议的语法，一边是规范的标签形式，XML可读性较好些。
可扩展性方面：XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，JSON不能的。
编码难度方面：XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有json.org提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了。
解码难度方面：XML的解析得考虑子节点父节点，让人头昏眼花，而JSON的解析难度几乎为0
解析手段方面：JSON和XML同样拥有丰富的解析手段。
数据体积方面：JSON相对于XML来讲，数据的体积小，传递的速度更快些。
数据交互方面：JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互。
数据描述方面：JSON对数据的描述性比XML较差。
传输速度方面：JSON的速度要远远快于XML。

文章每周持续更新，可以微信搜索「 前端大集锦 」第一时间阅读，回复【视频】【书籍】领取200G视频资料和30本PDF书籍资料