JSON.stringify和fast-json-stringify的比较

JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于 JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。
  • JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation
  • JSON 是轻量级的文本数据交换格式
  • JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,可是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不一样的编程语言。 目前很是多的动态(PHP,JSP,.NET)编程语言都支持JSON。
  • JSON 具备自我描述性,更易理解

JSON数据格式

JSON大体3种结构,JSON对象、JSON数组和JSON对象和数组嵌套。javascript

Object对象

Object是一个无序‘名称/值’对集合,一个对象以{(左括号)开始,}(右括号)结束。每一个名称后跟一个:(冒号);‘名称/值’ 对之间使用,(逗号)分隔。java

clipboard.png
其中键值对中的键必须是string类型,值能够是json三种Object|Array|value类型中的一种,string属于一种valuevalue包含string、null、number等,后面第三种会讲
实例:git

{}
{"aa": true}
{"bb": "3333"}
{"cc": null}
{"dd": {"ee": ["ff","gg"]}}

Array数组

数组是值(value)的有序集合。一个数组以[(左中括号)开始,](右中括号)结束。值之间使用,(逗号)分隔。github

clipboard.png

示例:编程

[]
["aa","bb"]
[[1,2],[3,4]]
[{"aa": []},{bb: []}]

值Value

(value)能够是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构能够嵌套。json

clipboard.png

string

stringvalue中比较特殊的须要注意的一种;字符串(string)是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义。一个字符(character)即一个单独的字符串(character string)。数组

clipboard.png

示例:编程语言

"aaa"
"\ttab"
"\nnew line"

看起来很简单啊;结果咱们去V8环境中运行了一下,函数

JSON.parse("\nnewline");
VM5802:2 Uncaught SyntaxError: Unexpected token e in JSON at position 2
    at JSON.parse (<anonymous>)
    at <anonymous>:1:6
(anonymous) @ VM5801:1
JSON.parse("\ttab");
VM5836:1 Uncaught SyntaxError: Unexpected token a in JSON at position 2
    at JSON.parse (<anonymous>)
    at <anonymous>:1:6

蓝瘦了,不是说好的格式吗?反向测试:测试

JSON.stringify('2    2')
""2\t2""
JSON.parse(JSON.stringify('2    2'))
"2    2"
JSON.stringify('2    2')
""2\t2""
JSON.parse('"2\t2"')
VM330:1 Uncaught SyntaxError: Unexpected number in JSON at position 2
    at JSON.parse (<anonymous>)
    at <anonymous>:1:6

问题好像有点眉头了,为何直接使用字符串的时候会有问题呢?是否是js的字符串定义和解析的锅?MDN上的js的string

转义字符节
除了普通的可打印字符之外,一些特殊有特殊功能的字符能够经过转义字符的形式放入字符串中:

Code    Output
\0    空字符
\'    单引号
\"    双引号
\\    反斜杠
\n    换行
\r    回车
\v    垂直制表符
\t    水平制表符
\b    退格
\f    换页
\uXXXX    unicode 码
\u{X} ... \u{XXXXXX}    unicode codepoint 
\xXX    Latin-1 字符(x小写)

问题的根本缘由在于使用V8的JSON.parse的时候,参数会被V8先解析为字符串;

'"\ttab"' =>
""    tab""
'"\nnewline"' =>
""
newline""
'"2\t2"' =>
""2    2""

被解析后的字符串变了样子,这些解析后的字符串再也不符合JSON的格式,因此解析就会报错了。详情参考:从一个 JSON.parse 错误深刻研究 JavaScript 的转义字符

number

数值(number)也与C或者Java的数值很是类似。除去不曾使用的八进制与十六进制格式。除去一些编码细节。

clipboard.png

javascript的JSON对象

JSON对象包含两个方法: 用于解析 JavaScript Object Notation (JSON) 的 parse() 方法,以及将对象/值转换为 JSON字符串的 stringify() 方法。除了这两个方法, JSON这个对象自己并无其余做用,也不能被调用或者做为构造函数调用。

parse

JSON.parse() 方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。提供可选的reviver函数用以在返回以前对所获得的对象执行变换(操做)。parse语法介绍和使用mdn

JSON.parse(text[, reviver])
>若是指定了 reviver 函数,则解析出的 JavaScript 值(解析值)会通过一次转换后才将被最终返回(返回值)。更具体点讲就是:解析值自己以及它所包含的全部属性,会按照必定的顺序(从最最里层的属性开始,一级级往外,最终到达顶层,也就是解析值自己)分别的去调用 reviver 函数,在调用过程当中,当前属性所属的对象会做为 this 值,当前属性名和属性值会分别做为第一个和第二个参数传入 reviver 中。若是 reviver 返回 undefined,则当前属性会从所属对象中删除,若是返回了其余值,则返回的值会成为当前属性新的属性值。

>当遍历到最顶层的值(解析值)时,传入 reviver 函数的参数会是空字符串 ""(由于此时已经没有真正的属性)和当前的解析值(有可能已经被修改过了),当前的 this 值会是 {"": 修改过的解析值},在编写 reviver 函数时,要注意到这个特例。(这个函数的遍历顺序依照:从最内层开始,按照层级顺序,依次向外遍历)

stringify

JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串,若是指定了replacer是一个函数,则能够替换值,或者若是指定了replacer是一个数组,可选的仅包括指定的属性。mdn文档

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

须要注意后面连个参数,replacer能够是函数或者数组;

  • 数组的值表明将被序列化成JSON字符串的属性名。
  • 做为函数,它有两个参数,键(key)值(value)都会被序列化。

    若是返回一个 Number, 转换成相应的字符串被添加入JSON字符串。
    若是返回一个 String, 该字符串做为属性值被添加入JSON。
    若是返回一个 Boolean, "true" 或者 "false"被做为属性值被添加入JSON字符串。
    若是返回任何其余对象,该对象递归地序列化成JSON字符串,对每一个属性调用replacer方法。除非该对象是一个函数,这种状况将不会被序列化成JSON字符串。
    若是返回undefined,该属性值不会在JSON字符串中输出。

注意: 不能用replacer方法,从数组中移除值(values),如若返回undefined或者一个函数,将会被null取代。

space参数用来控制结果字符串里面的间距。若是是一个数字, 则在字符串化时每一级别会比上一级别缩进多这个数字值的空格(最多10个空格);若是是一个字符串,则每一级别会比上一级别多缩进用该字符串(或该字符串的前十个字符)。

fast-json-stringify

最近发现一个库fast-json-stringify,由于他的介绍很简洁:2x faster than JSON.stringify();须要一探究竟。

相关文章
相关标签/搜索