Json.stringify

简介这篇文章介绍一下怎么把JavaScript对象序列化为JSON。只管JSON格局是建设在JavaScript对象的语法之上，然而它们并不相同，这意味着并不是所有的JavaScript对象都能够齐全转化为JSON。 代码示例咱们首先来定义一个简略的JS对象，用来示意一个人的相干信息，这个对象有上面的字段： name – a string;age – a number;birthDate – a date;languages – an array of strings.const jsObject = { name: "Todd", age: 20, birthDate: new Date(), languages: ["Chinese", "English"]}要把这个对象转化为JSON字符串，只须要调用JSON对象的stringify办法。留神，JSON是规范的内建对象，不须要在代码中引入。 console.log(JSON.stringify(jsObject));// {"name":"Todd","age":20,"birthDate":"2022-06-06T05:54:49.460Z","languages":["Chinese","English"]}序列化失去的是一种压缩格局，在网络传输时开销更小，因为它没有不必要的字符。如果咱们想要一种更易读的模式输入，能够借助一些stringify办法反对的额定参数。 JSON.stringify(jsObject, null, 3) 这个办法能够接管三个参数，第二个参数是一个可选参数 replacer function，能够扭转解决的过程，这里咱们用不到传 null。 第三个参数也是可选参数，接管一个数字作为空白字符数插入到后果中，能够使后果可读性更强。须要留神的是数值范畴在 1-10之间，大于10会默认取10。 console.log(JSON.stringify(jsObject, null, 3));/*{ "name": "Todd", "age": 20, "birthDate": "2022-06-06T05:54:49.460Z", "languages": [ "Chinese", "English" ]}*/function 并不是非法的JSON值，意味着在序列化的过程中会被省略，如果在数组中会转为null const objectWithFunction = { someProperty: "some value", func: () => console.log("test"), arrayOfFunctions: [ () => console.log("test"), () => console.log("test2") ]} console.log(JSON.stringify(objectWithFunction, null, 3));/*{ "someProperty": "some value", "arrayOfFunctions": [ null, null ]}*/

JSONJSON(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对象和数组嵌套。Object对象Object是一个无序‘名称/值’对集合，一个对象以{（左括号）开始，}（右括号）结束。每个名称后跟一个:（冒号）；‘名称/值’ 对之间使用,（逗号）分隔。其中键值对中的键必须是string类型，值可以是json三种Object|Array|value类型中的一种，string属于一种value，value包含string、null、number等，后面第三种会讲实例：{}{“aa”: true}{“bb”: “3333”}{“cc”: null}{“dd”: {“ee”: [“ff”,“gg”]}}Array数组数组是值（value）的有序集合。一个数组以[（左中括号）开始，]（右中括号）结束。值之间使用,（逗号）分隔。示例：[][“aa”,“bb”][[1,2],[3,4]][{“aa”: []},{bb: []}]值Value值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。stringstring是value中比较特殊的需要注意的一种；字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。示例：“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:1JSON.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的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。javascript的JSON对象JSON对象包含两个方法: 用于解析 JavaScript Object Notation (JSON) 的 parse() 方法，以及将对象/值转换为 JSON字符串的 stringify() 方法。除了这两个方法, JSON这个对象本身并没有其他作用，也不能被调用或者作为构造函数调用。parseJSON.parse() 方法用来解析JSON字符串，构造由字符串描述的JavaScript值或对象。提供可选的reviver函数用以在返回之前对所得到的对象执行变换(操作)。parse语法介绍和使用mdnJSON.parse(text[, reviver])>如果指定了 reviver 函数，则解析出的 JavaScript 值（解析值）会经过一次转换后才将被最终返回（返回值）。更具体点讲就是：解析值本身以及它所包含的所有属性，会按照一定的顺序（从最最里层的属性开始，一级级往外，最终到达顶层，也就是解析值本身）分别的去调用 reviver 函数，在调用过程中，当前属性所属的对象会作为 this 值，当前属性名和属性值会分别作为第一个和第二个参数传入 reviver 中。如果 reviver 返回 undefined，则当前属性会从所属对象中删除，如果返回了其他值，则返回的值会成为当前属性新的属性值。>当遍历到最顶层的值（解析值）时，传入 reviver 函数的参数会是空字符串 “"（因为此时已经没有真正的属性）和当前的解析值（有可能已经被修改过了），当前的 this 值会是 {””: 修改过的解析值}，在编写 reviver 函数时，要注意到这个特例。（这个函数的遍历顺序依照：从最内层开始，按照层级顺序，依次向外遍历）stringifyJSON.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();需要一探究竟。 ...