4.对象转化为字符串

4_对象转化为字符串 14:56

思维导图.png

序列化，指将 JavaScript 值转化为 JSON 字符串的过程。

JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值。

1. 参数的含义

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

• value：必选参数。被变换的 JavaScript 值，一般是对象或数组。

• replacer：可以省略。有两种选择：函数或数组。

  • 如果是函数，则每一组名称/值对都会调用此函数，该函数返回一个值，作为名称的值变换到结果字符串中，如果返回 undefined，则该成员被忽略。

  • 如果是数组，则只有数组中存在名称才能够被转换，且转换后顺序与数组中的值保持一致。

• space：可以省略。这是为了排版、方便阅读而存在的。可以在 JSON 字符串中添加空白或制表符等。

2. value 用法

示例1：stringify.html

stringify.gif

示例1源码：

示例2：stringify02.html

如果有不符合JSON语法规则的值

stringify02.gif

示例2源码：

示例3：stringify03.html

如果数组里面包含函数呢？

stringify03.gif

---

示例3源码：

3. replacer 的用法

1）示例stringify04-第2个参数为函数.html

转换成JSON字符串的同时，对数值进行处理

stringify04-第二个参数为函数.gif

示例stringify04源码：

2)示例stringify05.html

如果第2个参数为数组，只有数组中存在名称才能够被转换

stringify05-第二个参数为数组.gif

示例stringify05源码：

3）stringify06-第2个参数为数组 顺序.html

转换后顺序与数组中的值保持一致。

stringify06-第2个参数为数组 顺序.gif

示例stringify06源码：

4. space 的用法

常见用法是添加制表符，使代码更可读："\t"

示例stringify07-space.html

stringify07-space.gif

示例stringify07代码：