<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>

    <!--
      如果需要兼容IE7及以下的JSON操作，则可以通过引入一个外部的js文件来处理
    -->
    <script type="text/javascript" src="js/json2.js"></script>
    <script type="text/javascript">

      /*
       * 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 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 json = '{"name":"孙悟空","age":18,"gender":"男"}';

      /*
       * json --> js对象
       *   JSON.parse()
       *    - 可以将以JSON字符串转换为js对象
       *    - 它需要一个JSON字符串作为参数，会将该字符串转换为JS对象并返回
       */

      var o = JSON.parse(json);
      var o2 = JSON.parse(arr);

      //console.log(o.gender);
      //console.log(o2[1]);

      var obj3 = {name:"猪八戒" , age:28 , gender:"男"};


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

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

      /*
       * JSON这个对象在IE7及以下的浏览器中不支持，所以在这些浏览器中调用时会报错
       */


      var str3 = '{"name":"孙悟空","age":18,"gender":"男"}';

      JSON.parse(str3);




    </script>
  </head>
  <body>
  </body>
</html>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">

      var str = '{"name":"孙悟空","age":18,"gender":"男"}';

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

      var str2 = "alert('hello');";

      var obj = eval（"("+str+")");

      //console.log(obj);



    </script>
  </head>
  <body>
  </body>
</html>