03.21 「前端架构师30天快速掌握js21」之JSON语法知识点详解

此篇文章讲解目录:

  • 简单值

  • 对象

  • 数组

  • 组合

  • 解析

  • 序列化

简单值

使用与 JavaScript 相同的语法,可以在 JSON 中表示字符串、数值、布尔值和 null 。但 JSON 不支持 JavaScript 中的特殊值 undefined 。

比如:"test" 222,这些都是JSON,它与字符串的区别就是JSON 字符串必须使用双引号(单引号会导致语法错误)。

但是,在实际应用中,JSON 更多地用来表示更复杂的数据结构,而简单值只是整个数据结构中的一部分。

对象

「前端架构师30天快速掌握js21」之JSON语法知识点详解

两者之间的区别是:没有声明变量(JSON 中没有变量的概念);没有末尾的分号(因为这不是 JavaScript 语句,所以不需要分号)

JSON 中对象的属性名任何时候都必须加双引号。手工编写 JSON 时,忘了给对象属性名加双引号或者把双引号写成单引号都是常见的错误。如果需要后台帮忙给数据的时候。假如JSON字符串不能成功转为JSON对象,原因一般都是JSON的数据格式不对;

数组

javascript中的数组:var test = ['test', 22, true]

JSON:['test', 22, true]

注意:没有声明变量(JSON 中没有变量的概念);没有末尾的分号(因为这不是 JavaScript 语句,所以不需要分号)

组合

把数组和对象结合起来,可以构成更复杂的数据集合

「前端架构师30天快速掌握js21」之JSON语法知识点详解

「前端架构师30天快速掌握js21」之JSON语法知识点详解

解析

JSON.parse() JSON字符串转为JSON对象

「前端架构师30天快速掌握js21」之JSON语法知识点详解

序列化

JSON.stringify() JSON对象转为JSON字符串

「前端架构师30天快速掌握js21」之JSON语法知识点详解


分享到:


相關文章: