1. JavaScript笔记：JSON 关于JSON，最重要的是要明白它是一种数据格式，而不是一种编程语言。 看似语法相同，但 JSON 并不从属于 JavaScript。 然而，JSON 并不是 JavaScript 独有的，尽管 JSON 只是一种数据格式。 许多编程语言都有 JSON 的解析器和序列化器。 1.语法 JSON的句型可以表示以下三类值。 1. 简单值：使用与 JavaScript 相同的语法，字符串、数字、布尔值和 null 都可以用 JSON 表示。 但 JSON 不支持 JavaScript 中未定义的特殊值。 2.对象：对象
2. 作为一种复杂的数据类型，它表示一组无序的通配符对。 每个通配符对中的值可以是简单值或复杂数据类型的值。 3.数组：字段也是一种复杂的数据类型，它表示有序值的列表，并且可以通过数字索引来访问其中的值。 字段的值也可以是任何类型的简单值、对象或链表。 JSON 不支持变量、函数或对象实例。 它是一种表示结构化数据的格式。 虽然它与 JavaScript 中表示数据的各个句型相同，但它并不限于 JavaScript 的范围。 简单值 JSON 数据最简单的形式是简单值。 例如，下面的值是有效的 JSON 数据： 51 这是值 5 的 JSON 表示形式。同样，下面是 JSON 表
3. 字符串的格式：Helloworld！ 1 JavaScript字符串和JSON字符串最大的区别是JSON字符串必须使用双冒号（单冒号会导致句子错误）。 布尔值和 null 也是有效的 JSON 方式。 而且，在实际应用中，JSON更多地用于表示较为复杂的数据结构，简单的值只是整个数据结构的一部分。 对象 JSON 中的对象与 JavaScript 文本略有不同。 以下是 JavaScript 中的对象文字： varperson=name:Nicholas,age:29; 上述对象的 JSON 表示如下： name:Nicholas,
4.年龄：29 与 JavaScript 对象字面量相比，JSON 对象有两个不同之处。 首先，没有声明变量（JSON中没有变量的概念）。 其次，没有尾随分号（因为这不是 JavaScript 句子，所以不需要分号）。 对象的属性前面必须有双冒号，这是 JSON 中所要求的。属性的值可以是简单值，也可以是复杂类型值，因此可以将对象嵌入到对象中，如下所示：name:Nicholas,年龄：29，学校：名称：MerrimackCollege，位置：NorthAndoverjavascript json对象，MA 与 JavaScript 不同，对象的 JSON 属性
5. 名称中必须随时添加双冒号。 手动编译 JSON 时，忘记在对象属性名称中添加双冒号或将双冒号写成单冒号是常见错误。 JSON 字段中的第二种复杂数据类型是链表。 JSON链表使用JavaScript中的字段字面量方法。 例如，以下是 JavaScript 中的字段文字：varvalues=25, hi, true; 1 在 JSON 中，可以用类似的句型来表示同一个链表：25, hi, true 1 另外注意，JSON 链表没有变量和分号。 将链表和对象结合起来可以形成更复杂的数据集合。对象和字段一般是JSON数据结构的最内层形式（其实这不是强制的）
6、集合），15 借助它们创建各种数据结构。 2、解析和序列化JSON的流行并不全是因为具有类似于JavaScript的句型。 更重要的激励是将 JSON 数据结构解析为有用的 JavaScript 对象的能力。 与将 XML 数据结构解析为 DOM 文档并从中提取数据的繁琐相比，将 JSON 解析为 JavaScript 对象的优势非常明显。 标题：ProfessionalJavaScript，作者：NicholasC.Zakas，版本：3，年份：2011，标题：Professional
7. JavaScript，作者：NicholasC.Zakas，版本：2，年份：2009 以上一段包含一组书的 JSON 数据结构为例，假设解析 JSON 数据结构后得到的对象保存在变量 books，这样解析成 JavaScript 对象后，只需要下面这行简单的代码就可以得到第三本书的书名：books2.title1 然后看下面的代码在 DOM 结构中查找数据：文档。 getAttribute(title) 1 看看这个多余的方法调用，就不难理解为什么JSON可以获取
8. JavaScript 开发人员也受到热烈欢迎。 因此，JSON 已成为 Web 服务开发中交换数据的事实上的标准。 JSON 对象 早期的 JSON 解析器基本上使用 JavaScript 的 eval() 函数。 由于 JSON 是 JavaScript 语法的子集，因此 eval() 函数可以解析、解释并返回 JavaScript 对象和字段。 ECMAScript5规范了解析JSON的行为并定义了全局对象JSON。 支持该对象的浏览器有IE8+、Firefox3.5+、Safari4+、Chrome和Opera10.5+。 在较旧的浏览器中，使用 eva
9. l()在评估JSON数据结构时存在风险，因为可能会执行一些恶意代码。 对于原生无法支持JSON解析的浏览器，使用shim是最好的选择。 垫片：https://。 JSON 对象有两个方法：stringify() 和 parse()。 在最简单的情况下，这两个方法分别用于将 JavaScript 对象序列化为 JSON 字符串和将 JSON 字符串解析为原生 JavaScript 值。 例如：varbook=标题：ProfessionalJavaScript，作者：NicholasC.Zakas，版本：3，年份：2011
10. ;varjsonText=JSON.stringify(书); 本示例使用 JSON.stringify() 将 JavaScript 对象序列化为 JSON 字符串，然后将其保存到变量 jsonText 中。默认情况下，JSON.stringify() 输出的 JSON 字符串不包含任何空格字符或缩进，因此保存在 jsonText 中的字符串如下所示： title:ProfessionalJavaScript,authors:NicholasC.Zakas,edition:3,year :20111 序列化 JavaScript 对象时，所有函数和基元
11. 类型成员将被故意忽略并且不会反映在结果中。 此外，还会跳过任何值为未定义的属性。 结果最终是实例属性，其值是有效的 JSON 数据类型。 将 JSON 字符串直接传递给 JSON.parse() 以获取相应的 JavaScript 值。 例如，以下代码可用于创建类似于 book 的对象： varbookCopy = JSON. 如果传递给 JSON.parse() 的字符串不是有效的 JSON，此方法将引发错误。 序列化选项实际上是，
12、JSON.stringify()不仅需要序列化JavaScript对象，还可以接收另外两个参数：这两个参数用于指定不同形式的JavaScript对象的序列化。 第一个参数是过滤器，可以是链表，也可以是函数； 第二个参数是一个选项，表示是否在JSON字符串中保留JSON序列化。 缩进。 单独或组合使用这两个参数，可以更全面、更深入地控制过滤结果：如果过滤参数是链表，那么 JSON.stringify() 的结果将只包含字段中列出的属性。 看下面的例子： varbook=title:ProfessionalJavaScript,authors:N
13. icholasC.Zakas，版本：3，年份：2011；varjsonText=JSON.stringify(书籍，标题，版本)； 在返回的结果字符串中，仅包含这两个属性： title:ProfessionalJavaScript,edition: 31 如果第二个参数是函数，则行为略有不同。 传入函数接收两个参数，属性（键）名称和属性值。 根据属性（键）名称，可以知道如何处理要序列化的对象中的属性。 属性名只能是字符串，键值不是通配符对结构的值时可以是空字符串。为了改变序列化对象的结果，函数返回的值
14、是对应key的值。 但请注意，如果函数返回 undefined，则相应的属性将被忽略。 反例： varbook=title:ProfessionalJavaScript,作者：NicholasC.Zakas,edition:3,year:2011;varjsonText=JSON.stringify(book,function(key,value)switch(key)casehors:returnvalue.join(,)caseyear: return5000;caseedition:returnundef
15. ined;默认值:返回值;); 这里，函数filter根据传入的key来判断结果。 如果key是“authors”，则将链表连接成字符串； 如果键是“year”，则将其值设置为5000； 如果键是“edition”，则通过返回 undefined 来删除该属性。 最后一定要提供默认项，并返回此时传入的值，这样其他值才能正常出现在结果中。 事实上，第一次调用这个函数filter时，传入的key是一个空字符串，value是book对象。 序列化的 JSON 字符串如下所示： title:ProfessionalJavaScript,authors:Nicholas
16. C.Zakas，year:50001 字符串缩进：JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白字符。 value，代表每一级缩进的空格数。例如，编写每一级缩进的代码： varjsonText=JSON.stringify(book,null,4);1 jsonText 中存储的字符串如下： title: ProfessionalJavaScript，作者：NicholasC.Zakas，版本：3，年份：2011JSON.stringify() 会在结果字符串中手动插入换行符以增强可读性
17. 性。 输入参数值，结果字符串将包含换行符。 缩进空格的最大数量为10，所有小于10的值都会被手动转换为10。如果这个参数是有4个空格的数字，那么只要传入有效的控制缩进就可以这样做。 如果缩进参数是字符串而不是值，则该字符串将用作 JSON 字符串中的缩进字符（不再使用空格）。 对于字符串，缩进字符可以设置为制表符或任何字符（例如两个破折号）。 varjsonText=JSON.stringify(book,null,--);-标题：ProfessionalJavaScript，-作者：NicholasC.Zakas-，-ed
18.ition:3,-year:2011 同样，缩进字符串的长度不能超过10个字符。 如果字符串粗细超过 10 个字符，则结果中仅出现前 10 个字符。 toJSON() 方法 有时，JSON.stringify() 仍然无法满足单个对象自定义序列化的需求。 在这种情况下，您可以为对象定义 toJSON() 方法以返回其自己的 JSON 数据格式。 例如，原生 Date 对象有一个 toJSON() 方法，可以手动将 JavaScript Date 对象转换为 ISO8601 日期字符串（结果与在 Date 对象上调用 toISOString() 完全相同）。
19. 为任意对象添加 toJSON() 方法，例如： varbook=title:ProfessionalJavaScript,authors:NicholasC.Zakas,edition:3,year:2011,toJSON:function()returnthis.title;;varjsonText=JSON.stringify(书 ）; 上面的代码在 book 对象上定义了一个 toJSON() 方法，该方法返回书的标题。 与 Date 对象类似，该对象也会被序列化为一个简单的字符串而不是一个对象。你可以让 toJSON() 返回任何值
20、一切正常。 例如，您可以使该方法返回未定义。 此时，如果包含它的对象嵌入到另一个对象中，则其值将变为null，如果是top对象，则结果将是未定义的。 toJSON() 可以作为函数过滤器的补充，因此了解序列化的内部顺序极其重要。 假设将一个对象传递给 JSON.stringify()，则序列化该对象的顺序如下： (1) 如果存在 toJSON() 方法并且可以通过该方法获取有效值，则调用此技术。 否则，返回对象本身。 (2) 如果提供了第二个参数，则应用此函数过滤器。 传入函数过滤器的值是步骤(1)中返回的值。 (3) 对于步骤(2)中返回的每一位
21. 该值被相应地序列化。 (4) 如果提供了第三个参数，则执行相应的低格式。 无论您是考虑定义 toJSON() 方法、考虑使用函数过滤器，还是需要同时使用两者javascript json对象，理解这个顺序都至关重要。 解析选项 JSON.parse() 方法还可以接受另一个参数，该参数是一个将在每个通配符对上调用的函数。 为了区分 JSON.stringify() 接收到的替换（过滤）函数（replacer），该函数被称为恢复函数（reviver），但实际上这两个函数的签名是相同的。 它们都接收两个参数，一个key和一个value，并且都需要返回一个值。如果restore函数返回undefined，则表示对应的
22. 的关键； 如果返回另一个值，则将该值插入到结果中。 将日期字符串转换为 Date 对象时，经常使用归约函数。 如：varbook=title:ProfessionalJavaScript,作者：NicholasC.Zakas,edition:3,year:2011,releaseDate:newDate(2011,11,1);varjsonText=JSON.stringify(book);varbookCopy=JSON.parse(jsonText , 函数(键,值)if(键=释放
23. eDate) returnnewDate(值); 否则返回值;); alert(bookCopy.releaseDate.getFullYear(); 上面的代码首先给book对象添加了一个releaseDate属性，该属性保存了一个Date对象，这个对象被序列化然后被做成一个有效的JSON字符串，然后解析并恢复为bookCopy 中的一个 Date 对象，当恢复函数遇到“releaseDate”键时，会根据对应的值创建一个新的 Date 对象，结果是 bookCopy.releaseDate 属性中会保存一个 Date 对象，正因为如此，可以对此对象调用 getFullYear() 技术。
