JSON数据的基础使用

之前一直把JSON想做一种数据类型，通过这几天的使用，发现其实JSON只是一种数据的格式，而与int string double等等数据类型是有本质的区别。

JSON(JavaScript Object Notation)是JavaScript编程语言的一个子集。正因为JSON是JavaScript的一个子集，所以它可清晰的运用于此语言中。

就像初高中的课本一样，想要掌握一样新技术、新知识，我们首先要掌握它的意义，也就是它存在的价值。

JSON之所以能够广泛使用，与js的重要性提升不无关系。如果我们按照JSON的格式定义了一个对象，那么我们就可以通过对象名.键名来过去其中的数据。

我将JSON的使用分为两个部分

1、将其他数据类型转换为JSON

1.1 首先提到的是JSON官方提到的方法：JSON.stringify();

　　语法

　　　　　JSON.stringify(value[, replacer [, space]])　　

　　参数

　　　　value

　　　将要序列化成 JSON 字符串的值。

　　　　replacer 可选

　　　 如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被　　序列化到最终的 JSON 字符串中。

　　　　space 可选

　　　指定缩进用的空白字符串，用于美化输出（pretty-print）。

举例说明：

  ① 只有value时：

 <script type="text/javascript">
          var student = new Object();
          student.name="Leon";
          student.age = "24";
          student.college = "shiep";

          var json = JSON.stringify(student);
          console.log(json);
  </script>

输出结果：

{"name":"Leon","age":"24","college":"shiep"}

　　②参数中有函数：

对象+函数

During the serialization process, if a toJSON method exists for the value argument, JSON.stringify first calls the toJSON method. If it does not exist, the original value is used. Next, if a replacer argument is provided, the value (original value or toJSON return-value) is replaced with the return-value of the replacer argument.Finally, white spaces are added to the value based on the optional space argument to generate the final JSON text.

 <script type="text/javascript">
          var student = new Object();
          student.name="Leon";
          student.age = "24";
          student.college = "shiep";

          student.toJSON = function(key){
               var replacement = new Object();
               for(var val in this){
                 if(typeof(this[val])==='string')
                   replacement[val] = this[val].toUpperCase();
                 else
                   replacement[val] = this[val]
               }
               return replacement;
          }

          var json = JSON.stringify(student);
          console.log(json);
 </script>

数组+函数:

 <script type="text/javascript">

             var students = new Array() ;
             students[0] = "Lanny";
             students[1] = "dong";
             students[2] = "I love you";

             var json = JSON.stringify(students,switchJson);

             function switchJson(key,value){
                 return value.toString().toUpperCase();
             }
             console.log(json);
 </script>

输出为：

"LANNY,DONG,I LOVE YOU" 

③参数中有数组：

数组+数组

 <script type="text/javascript">
             var students = new Array();
                 students[0] = "Leon";
                 students[1] = "James";
                 students[2] = "Frank";

             var schools = new Array();
                 schools[0] = "shiep";
                 schools[1] = "fdu";   

              var json1 = JSON.stringify(students,schools);
              var json2 = JSON.stringify(schools,students);   

              console.log("json1="+json1);
              console.log("json2="+json2);
 </script>

输出结果为：

 json1=["Leon","James","Frank"]
 json2=["shiep","fdu"]

如果两个参数均是数组的话，只序列化前一个数组。

对象+数组

 <script type="text/javascript">
             var student = new Object();
                 student.name = "Leon";
                 student.age = "24";
                 student.college = "shiep";

             var students = new Array();
                 students[0] = "college";
                 students[1] = "age";

             var json = JSON.stringify(student,students);
             console.log(json);
 </script>

结果为：

 {"college":"shiep","age":"24"}

④第三个参数

　　如果 space 是数字，则返回值具有空白的文本缩进指定数目在每个级别的。 如果 space 大于 10 时，文本缩进 10 个空白。

　　如果 space 为非空字符串，如“\t”，返回值文本缩进与字符串的字符在每个级别。

　　如果 space 为大于 10 个字符的字符串，使用前 10 个字符。　　

1.2 好多时候需要转换的信息并不是现成的对象，需要我们来拼凑，这时候需要

下面的代码是将一张表格以一个行 为单位组成json

 <script type="text/javascript">
         var fitModelsingle = new Array();
         $('#fitModelDispArea tr').each(function () {
             var tdArry = $(this).find("td");
             fitModelsingle.push("{\"VehicleBrandName\":\"" + tdArry.eq(0).text() + "\",\"VehicleManufacturerName\":\"" + tdArry.eq(1).text() + "\",\"VehicleSeriesPureName\":\"" + tdArry.eq(2).text() + "\",\"ModelYear\":\"" + tdArry.eq(3).text() + "\",\"VehicleModelName\":\"" + tdArry.eq(4).text() + "\"}");
         });
         //fitModelsingle.join();
         //if (fitModelsingle.length != 0) {
         //    var fitModelList = "[" + fitModelsingle + "]";
         //}
           var fitModelList = JSON.stringify(fitModelsingle);  //以上注释的三句等价于这一句
          console.log(fitModelList);
  </script>

1.3后台传递过来的好多数据都是字符串形式，并且双引号是由&quot 表示，此时要想将格式正确，但是字符有问题的字符串转换为JSON：

如：后台传入一个list

 list=list.replace(/"/g, '"');
 list= $.parseJSON(mathchingModelList);

输出的list便是JSON数据。  注：用$.parseJSON()需要引入jQuery包。

2、将JSON转化为其他数据类型

JSON.parse 把一个json字符串解析成对象。