JavaScript--JSON相关

字数统计848

本文主讲：什么是 JSON 以及应用场景、JS 中创建 JSON 对象以及获取 JSON 对象内的数据、了解XML、复杂的 JSON、JS 中的 eval 函数

什么是 JSON 以及它的应用场景

概念：JSON 也就是 JavaScript Object Notation 【JavaScript对象标记】，JSON是一种 标准的轻量的数据交换格式

应用场景：不同系统【编程语言】之间的数据通信，例如一号APP是利用 flutter 语言开发的，另外一款二号APP是利用 java 开发的，这两款APP要进行数据库的数据交换，那么一号APP就可以利用 flutter语言从数据库取出数据并且封装为 JSON 字符串数据类型，发给二号APP，二号APP在通过 java语言将 JSON 的数据进行解析，把数据在存入数据库内，这样不就完成不同系统之间的数据交换了嘛~

JSON的特点：标准的、体积小【轻量】、易解析

常见的数据交换格式：JSON 、XML

XML：可扩展标记语言，XML也常常用来做数据交换格式，但是它体积大、不易解析、优点是语法严谨，常常用于银行的业务中

JS 中创建 JSON 对象以及获取 JSON 对象内的数据

创建 JSON 对象语法：var jsonObj = {“key1”：“value1”，“key2”：“value2”，………}

获取 JSON 对象内数据的两种语法：

1
2
var data = JSON对象.key值					
var data = JSON对象 [ key值 ]

​

image-20211007122107585

了解XML

什么是 XML 及其应用场景

概念：XML就是可扩展标记语言，它与HTML是同一个父亲，XML是一种体积大、解析麻烦、语法严谨的数据交换格式语言

XML与HTML对比：

共同点：都有共同的父亲 SGML【标准通用标记语言】

区别：

HTML：用于前端页面数据的展示，因此语言不是特别严谨
XML：用于数据的存储以及数据描述，语法相当严谨，体积大、解析麻烦

XML应用场景：因为语法严谨，所以常常做与钱有关的数据交换格式【例如银行系统】

怎么创建 XML 文件以及略知 XML 文档的语法

创建 XML 文件：文本文本把后缀改为小写的 xml 即可

略知 XML 文档语法：

image-20211007122143612

浏览器运行这个 XML 文件效果

image-20211007122157462

复杂的 JSON

JS 中如何创建复杂的 JSON 对象 【JSON对象内嵌套JSON对象等…】

复杂的JSON对象：

JSON对象内嵌套 JSON 对象
数组内嵌套 JSON 对象
JSON对象内嵌套数组等

注意：
1：JSON对象的 key 值必须是字符串数据类型
2：JSON 对象内的 value 可以是任何数据类型的数据，比如 Number、Boolean等

image-20211007122223334

JS 中的 eval 函数

JS 中 eval 函数的用法及其功能

功能：在JS脚本块内，把字符串数据类型的数据解释执行为 JS 代码

语法：window.eval（“var i = 100”） 这段代码就等价于 var i = 100

应用场景：不同系统之间进行通信，java语言写的系统从数据库内提取数据并打包为 JSON 格式的字符串发送给 JavaScript语言写的系统，因为发送过来的是字符串，因此 JavaScript 要想办法将这个字符串转为 JSON 对象，因此 JavaScript 就要用到 eval 函数进行转换喽~

image-20211007122243267

JavaScript完………