JSON【介绍、语法、解析JSON】

ゞ浴缸里的玫瑰 2021-09-17 05:44 520阅读 0赞

# 什么是JSON #

JSON：**JavaScript Object Notation** 【JavaScript 对象表示法】

**JSON 是存储和交换文本信息的语法。类似 XML。**

**JSON采用完全独立于任何程序语言的文本格式，使JSON成为理想的数据交换语言**

# 为什么需要JSON #

提到JSON，我们就应该和XML来进行对比。XML也是一种存储和交换文本信息的手段。那么JSON好在哪里呢？？

**JSON 比 XML 更小、更快，更易解析**。

*  javaScript原生支持JSON，解析速度会很快
 *  XML解析成DOM对象的时候，浏览器【IE和fireFox】会有差异
 *  使用JSON会更简单

![这里写图片描述][SouthEast]

**更加容易创建JavaScript对象**

var p = {
        'city':['北京','上海','广州','深圳']};
    for(var i=0;i<p.city.length;i++){
        document.write(p.city[i]+"<br/>");
    }

--------------------

# JSON语法 #

**客户端与服务端的交互数据无非就是两种**

*  **数组**
 *  **对象**

于是乎，JSON所表示的数据要么就是对象，要么就是数据

JSON语法是javaScript语法的子集，**javaScript用\[\]中括号来表示数组，用\{\}大括号来表示对象，JSON亦是如此**

## JSON数组： ##

var employees = [
        { "firstName":"Bill" , "lastName":"Gates" },
        { "firstName":"George" , "lastName":"Bush" },
        { "firstName":"Thomas" , "lastName": "Carter" }
        ];

--------------------

## JSON对象 ##

var obj = {
    
                age: 20,
                str: "zhongfucheng",
                method: function () { 
                    alert("我爱学习");
                }
    
            };

**当然啦，数组可以包含对象，在对象中也可以包含数组**

--------------------

# 解析JSON #

javaScript原生支持JSON的，**我们可以使用eval()函数来解析JSON，把JSON文本数据转换成一个JavaScript对象。**

function test() { 
                //在写JOSN的时候，记得把带上逗号
                var txt = "{a:123," +
                        "b:'zhongfucheng'}";
    
                //使用eval解析JSON字符串，需要增添()
                var aa = eval("(" + txt + ")");
                alert(aa);
    
            }

## 效果 ##

![这里写图片描述][SouthEast 1]

# 总结 #

![这里写图片描述][SouthEast 2]

[SouthEast]: /images/20210827/99d3aec80bd642e0a37f2ff7f2d92c07.png
[SouthEast 1]: /images/20210827/d7907bf236f04fc3b4434218c950e07d.png
[SouthEast 2]: /images/20210827/7e944128fe844452a5696008cde613e7.png