JavaScript 学习-数据格式-JSON

212 阅读2分钟

这是我参与11月更文挑战的第23天,活动详情查看:2021最后一次更文挑战

前言:

在前面系列更文中, 我们对 JavaScript 的一些知识点进行了学习, 也有通过 JS 实现经典算法作具体学习, 小总结更多阅读-list & 经典排序算法-list

那么接下来就对 JS 中其他的一些技巧继续学习记录:JSON

JavaScript 对象表示法-(JSON)

对于 JSON 我们见到的比较多的, 在项目开发中请求后端返回的数据大部分为 JSON 格式.

MDN | (JSON) 是用于将结构化数据表示为 JavaScript 对象的标准格式,通常用于在网站上表示和传输数据(例如从服务器向客户端发送一些数据,因此可以将其显示在网页上

什么是 JSON

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

但是后端也用到 JSON 格式(.json)的数据, 这样看来 JSON 虽然它是基于 JavaScript 语法,但它独立于 JavaScript, 并在许多环境中可以使用.

JSON 数据结构

可以把 JavaScript 对象原原本本的写入 JSON 数据: 比如字符串,数字,数组,布尔还有其它的字面值对象:

对象树

比如页面查询后端请求的返回的一些数据:

{
  "data": {
    "category_id": "6809637767543259144",
    "category_name": "前端",
    "category_url": "frontend",
    "rank": 2,
    "back_ground": "https://lc-mhke0kuv.cn-n1.lcfile.com/8c95587526f346c0.png",
    "icon": "https://lc-mhke0kuv.cn-n1.lcfile.com/1c40f5eaba561e32.png",
    "ctime": 1457483942,
    "mtime": 1432503190,
    "show_type": 3,
    "item_type": 2,
    "promote_tag_cap": 4,
    "promote_priority": 2
  }
}

JSON 数组

数组对象也是一种合法的 JSON 对象, 比如更文文章请求返回的一些数据: 这里面的 "whitelist_urls", "blacklist_urls"

{
  "jserr": {
    "whitelist_urls": [
      {
        "name": "default",
        "create_by": "system",
        "create_time": 1610093400,
        "update_by": "",
        "update_time": 0,
        "condition": {
          "field": "",
          "op": "",
          "values": [],
          "is_default": true
        },
        "priority": 1,
        "value": "[]",
        "setting_type": "string_array",
        "setting_op": "like"
      }
    ],
    "blacklist_urls": [
      {
        "name": "default",
        "create_by": "system",
        "create_time": 1610093400,
        "update_by": "",
        "update_time": 0,
        "condition": {
          "field": "",
          "op": "",
          "values": [],
          "is_default": true
        },
        "priority": 1,
        "value": "[]",
        "setting_type": "string_array",
        "setting_op": "like"
      }
    ]
  }
}

更多阅读:

经典排序算法:

JavaScript 学习提升