大话Json

迷南。 2022-07-29 11:46 179阅读 0赞

> 大话Json之全面详解Json —————-学习语言就是这么简单  
> 对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用。棒棒的！！！

#### **简介** ####

1.Json(JavaScript Object Notation) 是一种轻量级的数据交换格式。

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

3.Json 比 XML 更小、更快，更易解析。

易于人阅读和编写。同时也易于机器解析和生成。

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

#### **JSON 与 XML** ####

1.JSON的优势：

*  没有结束标签
 *  更短
 *  读写的速度更快
 *  能够使用内建的 JavaScript eval() 方法进行解析
 *  使用数组
 *  不使用保留字

2.使用 XML

*  读取 XML 文档
 *  使用 XML DOM 来循环遍历文档
 *  读取值并存储在变量中

3.使用 Json

*  读取 JSON 字符串
 *  用 eval() 处理 Json 字符串

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

#### **JSON 语法规则** ####

JSON 语法是 JavaScript 对象表示法语法的子集。

1.  数据在名称/值对中
2.  数据由逗号分隔
3.  花括号保存对象
4.  方括号保存数组

#### **JSON 几种数据类型** ####

number：数字（整数或浮点数），和JavaScript的number完全一致；

boolean：逻辑值（true 或 false），就是JavaScript的true或false；

string：字符串（在双引号中），就是JavaScript的string；

null：null，就是JavaScript的null；

array：数组（在方括号中），就是JavaScript的Array表示方式——\[\]；

object：对象（在花括号中），就是JavaScript的\{ … \}表示方式。

#### **JSON 对象** ####

对象可以包含多个名称/值对：

{ // 以"{"开始
    　　'name' : 'yan', // 每个名称后跟着一个":"
    　　'age' : 18, // 每对"名称:值"之间用","分隔
    　　'sex' : 'male'
    } // 以"}"结尾

细节：  
以”\{“开始，以”\}”结尾  
每个名称后跟着一个”:”  
每对”名称:值”之间用”,”分隔

#### **JSON 数组** ####

数组可包含多个对象：

{
    　　// familys为一维数组，数组里包含两笔对象数据
    　　'familys' = [ // 以"["开始
    　　{
       'name' : 'yan',
    　　'age' : 18,
    　　'sex' : 'male'}, // 值之间使用","
    　　{
       'name' : 'wen',
    　　'age' : 16,
    　　'sex' : 'famale'}
    　　] // 以"]"结尾
    }

#### **JSON 与 JavaScript** ####

**1.序列化**  
把任何JavaScript对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串，这样才能够通过网络传递给其他计算机。

格式：JSON.stringify(对象名);

**看例子：**

//定义一个JavaScript对象
    var info = {
        name: 'yan',
        age: 18,
        gender: true,
        height: 1.85,
        grade: null,
        'middle-school': '\"W3C\" Middle School', skills: ['JavaScript', 'Java', 'Python', 'Lisp'] }; JSON.stringify(info); //'{"name":"yan","age":18,"gender":true,"height":1.85,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}'

//输出得好看一些，可以加上参数，按缩进输出
    JSON.stringify(info, null, ' ');

//结果
    {
      "name": "yan",
      "age": 18,
      "gender": true,
      "height": 1.85,
      "grade": null,
      "middle-school": "\"W3C\" Middle School",
      "skills": [
        "JavaScript",
        "Java",
        "Python",
        "Lisp"
      ]
    }

格式：JSON.stringify(属性1, 属性2,属性3);

第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array：

JSON.stringify(xiaoming, ['name', 'skills'], ' ');

//结果
    {
      "name": "yan",
      "skills": [
        "JavaScript",
        "Java",
        "Python",
        "Lisp"
      ]
    }

还可以传入一个函数，这样对象的每个键值对都会被函数先处理：

function convert(key, value) {
        if (typeof value === 'string') {
            return value.toUpperCase();
        }
        return value;
    }
    
    JSON.stringify(info, convert, ' ');

上面的代码把所有属性值都变成大写：

{
      "name": "YAN",
      "age": 18,
      "gender": true,
      "height": 1.85,
      "grade": null,
      "middle-school": "\"W3C\" MIDDLE SCHOOL",
      "skills": [ "JAVASCRIPT", "JAVA", "PYTHON", "LISP" ] }

如果我们还想要精确控制如何序列化yan，可以给info定义一个toJSON()的方法，直接返回JSON应该序列化的数据：

**2.反序列化**

如果我们收到一个JSON格式的字符串，只需要把它反序列化成一个JavaScript对象，就可以在JavaScript中直接使用这个对象了。

拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：

JSON.parse('[1,2,3,true]'); // [1, 2, 3, true]
    JSON.parse('{"name":"yan","age":18}'); // Object {name: 'yan', age: 18}
    JSON.parse('true'); // true
    JSON.parse('123.45'); // 123.45

JSON.parse()还可以接收一个函数，用来转换解析出的属性：

JSON.parse('{"name":"yan","age":18}', function (key, value) { 
        if (key === 'name') {
            return value + '同学';
        }
        return value;
    }); // Object {name: 'yan同学', age: 18}

> 在JavaScript中使用JSON，就是这么简单！

#### **总结** ####

就最近写了很多Ajax的东西，接触到Ajax的第一件事就是HttpXML.send()之后，服务器要返回什么数据，一般都是responseText或responseXML，也就是说，1. 返回纯文字;2. 返回XML，纯文字难以分析处理(要跑DOM时)，XML在服务器端要花很多力气去‘组合’出XML数据，然后用户端再写很多Code去分析处理，这是很没效率的。对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用。