JSON数据格式及其在WEB开发中的应用

严格的语法约束

• 不能有ascii之外的字符，汉字应使用”\u6c49”格式；

• 然而在utf-8流行的时代，汉字不编码已不是啥大问题了；

• 不能有注释，行注释与块注释都不可以；

• 字符串中不能有TAB，使用”\t”表示；

• 对象中的所有的key都必须添加双引号，所有的字符串类型的value也都必须是双引号格式的；

json与js

• 因为JSON源于JS，所以JSON在JS中具有得天独厚的优势；

• 因为JS是web环境下B端开发语言的不二之选，所以JSON在WEB中大行其道；

• 优势：

1. JS的语法子集，合法的JSON代码在JS中也是合法的JS代码，内嵌JSON传输随处可见，jsonp的原理便是基于此前提的；

2. 解析JSON数据的成本足够小，eval，json.js, JSON.parse(str)

3. 各种封装库直接透传json格式，导致json诞生之后迅速取代xml在数据传输中的地位；

4. JSON序列化在JS中也非常容易，json.js，JSON.stringify(json/*, null, "\t"*/);

eval解析json问题：

var str = “{“name”:“value”}”;

// 方法1

var json = eval(“(” + str + “)”); // 存在诸如 XSS 攻击风险

// 方法2

var json;

eval("json = " + str);

JSON在其他语言中的序列化问题

• 这里不说解析(反序列化)，只要是”合法的”JSON数据，解析库使用的正确，并且二者相匹配，不应该有问题；

• 关于格式化问题：格式化是为了方便调试，生产环境中，应避免使用；

• nodejs: 和浏览器中基本一致;

• PHP: json_encode,json_decode(PHP 5 >= 5.2.0, PECL json >= 1.2.0)

• Ruby: @json = @data.to_json, @data = JSON.parse(json)

• Java:

• JSON-java: JSONXXX.fromObject(str), obj.toString()

JSONObject jsonObj = JSONObject.fromObject(jsonString);

JSONArray jsonArr = JSONArray.fromObject(jsonString);

• google-gson: gson.toJson, gson.fromJson

JSON与其他语言之间的类型对应关系

| json | js | php | ruby | java |

| — | — | — | — | — |

| boolean | boolean | boolean | true,false | boolean |

| number | number | integer, float | Integer, Float | int, float, double |

| string | string | string | String | String |

| array | Array | Array | Array | [] |

| object | Object | Array | Hash | Object(from class) |

| null | null | null | Nil | null |

数据类型问题为何如此重要？

• 弱类型语言不代表没有类型

• 最新的JS引擎(V8等)，约束类型有利于性能

• 让数据传输协议无歧义，简化约定

• 让两端的代码处理逻辑简化，避免各种异常的问题

• 严格遵守类型约定，可以规避很多容易被忽视的问题

• 想一想各种二进制的数据传输协议，类型不是它们特有的

严格来说，JSON不是JavaScript的子集；

• JSON: 不要误会,我真的不是JavaScript的子集

• “\u2028“,LINE SEPARATOR，下面的字符被认为是行终止符：

• \u000A - Line Feed

• \u000D - Carriage Return

• \u2028 - Line Separator

• \u2029 - Paragraph separator

• 正因为这两个不可见的Unicode字符，JSON便不是JavaScript的一个子集了，就差了这么一点点；

JSON的高阶应用

• JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。

• MongoDB底层存储为JSON格式;

• JSONiq是个构建在XQuery之上的新型查询语言。类似于SQL或是LINQ，它提供了诸如let、for、where、group by与select等语法支持概念;

• JSONSelect http://jsonselect.org JSONSelect是一个实验性的JSON选择语言, 她很容易从复杂的JSON文档中访问数据, 看上去就跟CSS一样.

• JSONiq http://www.jsoniq.org JSONiq是一个小型而简洁的XQuery语言扩展来提供JSON支持

• JsonML http://www.jsonml.org JsonML(JSON标记语言)是应用程序的JSON格式. 它使用基本的JSON数据格式机制并将其应用于XML的表示.
  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体获取

/topics/618191877)**

[外链图片转存中…(img-8U0RVjr2-1712942230879)]

[外链图片转存中…(img-DLIc0R5F-1712942230879)]

[外链图片转存中…(img-6OKulKXX-1712942230879)]

[外链图片转存中…(img-NJgGOkaS-1712942230879)]