你不太了解的JSON-木庄网络博客

本文摘自PHP中文网，作者hzc，侵删。

前言

这个知识点面试中被问的概率虽然很低，但是也有可能会问。

JSON流行原因

拥有与js类似的语法
可以将JSON数据结构解析成js对象
与XML数据结构对比，提取数据更简单

JSON语法

简单值

字符串=>“123”
数值=>123
布尔值=>true
null

对象

{"name": "helin",“age”: 12}

数组

[ {"name": "iskeeping","age": 12} ]

注意：JSON的key一定要用双引号，以及value如果是字符串也一定要用双引号。

JSON解析方式

1.使用eval

1	`eval("({\"name\":\"iskeeping\"})")`

2.使用Functionnew

1	`Function("",` `"return ({\"name\":\"iskeeping\"})")()`

3.使用JSON.parse

1	`JSON.parse("{\"name\":\"iskeeping\"}")`

JSON序列化

let json = 简单值/对象/数组

JSON.stringify(json,null/[]/function(key,value){},缩进空格长度/字符串)

例：

let formateJson = JSON.stringify({ name: "iskeeping", age: 12 }, function (key, value) {
    switch (key) {
        case "name": return "iskeepingxx";
        default: return value;
    }
}, 8)
cosnole.log(formateJson)

输出formateJson如下图：

JSON原生支持

原生的JSON对象得到以下浏览器支持。

IE8+，Firefox3.5+，Safari 4+，Opera 10.5和chrome

谢谢阅读！

需要加微信交流，可留言！

推荐教程：《JS教程》

以上就是你不太了解的JSON的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 你不太了解的JSON

你不太了解的JSON

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论