135-重温基础:JSON对象介绍

本文是重温基础系列文章的第十六篇。今日感受:静。

本章节复习的是JS中的关于JSON对象相关知识。

前置知识

是一种按照 对象语法的数据格式。

1.概念

概念有三点:

全称 对象表示法(JavaScript Object Notation)。

存储交换文本信息的语法。类似 。

比 更小、更快,更易解析。

———— 摘自 W3school JSON教程

使用 语法来描述数据对象,但是 仍然独立于语言和平台。 解析器和 库支持许多不同的编程语言。

2.语法

在使用过程中可作为一个对象或者字符串存在,当作为对象时,用于获取 中的数据,而作为字符串时常用于网络数据传输。

语法规则:

数据在名称/值对中

数据由逗号分隔

花括号保存对象

方括号保存数组

通常, 数据书写格式是 :

而 的值可以是 :

数字(整数或浮点数)

字符串(在双引号中)

逻辑值( 或 )

数组(在方括号中)

对象(在花括号中)

JSON常常有三种类型:

三种类型:简单之,对象和数组。

必须注意:JSON字符串必须是双引号,单引号会语法错误。

2.1 简单值

简单值可以是字符串:

也可以是数字,逻辑值:

2.2 对象类型

内容放在 内,是多个键值对。

JSON对象 与 js 对象的三个区别:

JSON对象 必须加双引号,而 js 对象属性名可以不加双引号。

JSON对象 没有变量声明,而 js 对象有。

JSON对象 没有分号,而 js 对象有。

2.3 数组类型

内容放在 内。

JSON数组也没有分号和变量,常常可以把JSON数组和对象结合使用,构成更复杂的数据集合。

3. 使用

JSON最常见的用法就是,从服务端获取JSON数据,再将JSON数据转成JavaScrip对象使用。

JSON对象有两个方法:

: 序列化操作,将 转换成 。

:反序列化操作,将 解析成 。

3.1 序列化操作

序列化操作常常使用 。

简单例子:

注意

默认情况下, 输出的JSON字符串不包含任何空格字符或缩进,因此结果就像上面那样。

序列化 时,所有函数及原型成员都会被忽略,不体现在结果上。

值为 的任何属性都会被跳过。

因此,最终的值都是有效的JSON数据类型的实例属性。

3.2 反序列化操作

序列化操作常常使用 。

简单例子:

如果传入 的字符串不是有效的JSON,则会抛出错误。

注意

虽然 和 属性相同,但两者独立,没有任何关系。

4.序列化选项

除了要传入序列化对象作为参数,还可以接收其他两个参数,用来指定序列化JavaScript对象的方式:

过滤器:可以是个数组,也可以是个函数

选项:表示是否在 中保留缩进

单独或组合使用两者,可以更加全面深入的控制JSON的序列化。

4.1 过滤器

若过滤器的参数是数组,则 返回的结果将只包含数组中的属性:

若过滤器的参数是函数,则情况就不一样了,传入的函数需有两个参数(属性名和属性值):

注意:使用 的时候,必须指定 否则会返回 。

4.2 选项

第三个参数是个选项,控制结果中的缩进和空白符。

若选项只有一个值,则表示每个级别缩进的空格数,最大值为 ,超过 则只会是 。

5.解析选项

可以接收一个函数作为参数,对每个键值对调用,为了跟 的 区别,这个函数成为 。

若还原函数返回 ,则表示要从结果中删除对应的键。

若还原函数返回其他值,则将该值插入结果中。

还原函数接收两个参数:属性名和属性值。

举例,在日期字符串转换为Date对象中,经常要用到还原函数:

参考文章:

W3school JSON教程

《JavaScrip高级程序设计》

本部分内容到这结束

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190211G04KKC00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券