JSON的相关知识

㈠什么是JSON？

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
JSON 具有自我描述性，更易理解

㈡JSON与XML的比较

⑴与 XML 相同之处

JSON 是纯文本
JSON 具有"自我描述性"（人类可读）
JSON 具有层级结构（值中存在值）
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输

⑵与 XML 不同之处

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

⑶为什么使用 JSON？

☀对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

①使用 XML

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

②使用 JSON

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

㈢JSON的详细讲解

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON的相关知识</title>
    <script>
        /*
        * JSON
        *    - JS中的对象只有JS自己认识，其他的语言都不认识
        *    - JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，
        *        并且可以转换为任意语言中的对象，JSON在开发中主要用来做数据的交互
        *
        * JSON
        *    - JavaScript Object Notation  JS对象表示法
        *    - JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号
        *        其他的和JS语法一致
        *
        *   - JSON分类：
        *        1.对象  {}
        *       2.数组  []
        *
        *  - JSON中允许的值：
        *       1.字符串
        *       2.数值
        *       3.布尔值
        *       4.null
        *       5.对象
        *       6.数组
        *
        * */

        //示例：创建一个对象
        var obj = '{"name":"孙悟空","age":18,"gender":"男"}';  //对象格式
        var arr = '[1,2,3,"hello",true]';    //数组格式

        var obj2 = '{"arr":[1,2,3]}';
        var arr2 = '[{"name":"孙悟空","age":18,"gender":"男"},{"name":"孙悟空","age":18,"gender":"男"}]'


        /*
        * 将json字符串转换为JS对象
        *    在JS中，为我们提供了一个工具类，就叫做JSON（大写）
        *    这个对象可以帮助我们将一个json转换为JS对象，也可以将一个JS对象转换为json
        * */

        var obj = '{"name":"猪八戒","age":18,"gender":"男"}';

        /*
        * json --> js对象
        *    语法：JSON.parse();
        *        -可以将json字符串转换为JS对象
        *        - 它需要一个json字符串作为参数，会将该字符串转换为JS对象并返回
        */
        var o = JSON.parse(json);
        console.log(o.name);  //结果返回猪八戒

        var arr = '[1,2,3,"hello",true]';
        var o2 = JSON.parse(arr);
        console.log(o2[0]);   //结果返回1


        /*
        * js对象 --> json
        *        语法：JSON.stringify();
        *             - 可以将一个JS对象转换为json字符串
        *             - 需要一个JS对象作为参数，会返回一个json字符串
        * */

        var obj3 = {name:"铁扇公主",age:38,gender:"女"};

        var str = JSON.stringify(obj3);
        console.log(str);


        /*
        * JSON这个对象在IE7及以下的浏览器中不支持，所以在这些浏览器中会报错
        *     如果需要兼容IE7及以下的json操作，则可以通过引用一个外部的js文件来处理
        */

        /*
        * eval（）
        *   - 这个函数可以用来执行一段字符串格式的JS代码，并将执行结果返回
        *   - 如果使用eval()执行的字符串中含有{},它会将{}当成是代码块
        *          如果不希望将其当成代码块解析，则需要在字符串前后各加一个（）
        *
        *   - eval()这个函数的功能很强大，可以直接执行一个字符串中的JS代码，
        *        但是在开发中尽量不要使用，首先它的执行性能比较差，然后它还具有安全隐患
        */

        var str = '{"name":"孙悟空","age":18,"gender":"男"}';
        var str2 = "alert(hello);";
        var obj = eval("("+str+")");
        console.log(obj);
    </script>
</head>
<body>

</body>
</html>