数据结构 - 深入了解 JSON学习了 node.js 实战: 文件系统模块结合 HTTP模块-搭建简单本地文件服务器

这是我参与8月更文挑战的第19天，活动详情查看：8月更文挑战

学习贵在坚持, 笔记是灵魂, 温故而知新, 时不时翻一翻, 回顾一下知识点, 加深记忆, 事半功倍!

前文我们学习了 Node.js 实战: 文件系统模块 结合 HTTP模块-搭建一个简单的 本地文件服务器,

通过读取本地文件, 模拟了数据接口, 调取本地的 .json 文件并返回, 就是前后端通信用到的最多的数据结构了吧

那咱们今天就来学习一下这个了不起的数据结构: JSON

深入了解 JSON

今天来聊一聊可以说是世界上最受欢迎的数据交换格式 JSON 域名: json.org

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，但是也使用了类似于 C 语言家族的习惯（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。这些特性使 JSON 成为理想的数据交换语言。

你知道 `JSON` 的大名吗?

JSON 是我们常见的, 也是流行的序列化格式. 它的全称为: JavaScript Object Notation

如题就是我们经常打交道的 JSON, 和我们熟悉的 JavaScript 即 JS, 会不会有联想到一起呢?

JSON 的书写格式

JSON 的书写格式看起来和我们编写 JavaScript 的对象和数组的方式差不多, 但是 JSON有一些限制:

所有属性名都须要用双引号 "" 括起来,
并且只允许使用简单的数据表达式, 比如: 数字/字符串/对象/数组, 而不函数调用/涉及计算的任何内容..
JSON 中还不允许有注释...

比如项目中接口一般返回的格式, 包含的相应字段:

这里是掘金抽奖页面展示抽到奖品列表接口返回的数据格式:

包含用到的数据: 请求接口返回的状态 "err_msg"/ 用户名 "user_name"/ 统计数据 "count" 等

{
  "data": {
    "count": 544,
    "lotteries": [
      {
        "lottery_image": "https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ab31c183950541d4a0731c0b8765b173~tplv-k3u1fbpfcp-no-mark:0:0:0:0.image",
        "lottery_name": "掘金马克杯",
        "user_avatar": "https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/0c1e7da2d3aa42f640a3e5574f584eae~300x300.image",
        "user_name": "最爱你的人"
      }
    ],
    "err_msg": "success",
    "err_no": "0"
  }
}

JSON 数据格式转换

JavaScript 中为我们提供了两个转换数据的方法函数: JSON.stringify() 和 JSON.parse()

JSON.stringify(value) 对获取的 JavaScript 值进行编码成为 JSON编码 的字符串

JSON.parse(上面格式化的字符串) 对上面编码的字符串进行转换解码为它编码的值

示例:

let stringifyString = JSON.stringify({ err_msg: 'success', data: ['lists'] })

console.log(stringifyString)
// --> {"err_msg":"success","data":["lists"]}

let parseString = JSON.parse(stringifyString)

console.log(parseString.data) // --> ["lists"]