这是我参与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"
}
]
}
}
更多阅读:
经典排序算法:
- 【JS-排序算法-sort()】、
- 【JavaScript-排序算法-希尔排序】、
- 【JS-排序算法-归并排序】、
- 【JavaScript-排序算法-计数排序】、
- 【JS-排序算法-冒泡排序】、
- JS-经典排序算法-选择排序、
- 【JS 实现-经典排序算法-插入排序】
- JS 实现-经典排序算法-JS 实现基数排序(radixSort)
- 学习经典排序算法-JS 实现快速排序(quickSort)
- 学习排序算法技巧-三路快排
JavaScript 学习提升
- 【Array.prototype.map() 】、
- 【JS-特殊符号-位运算符】、
- 【ES6 - for/of】、
- 【JS-逻辑运算符-短路了?】、
- 【JS-箭头函数】、
- 【JavaScript-forEach()】、