之前一直把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后台传递过来的好多数据都是字符串形式,并且双引号是由" 表示,此时要想将格式正确,但是字符有问题的字符串转换为JSON:
如:后台传入一个list
list=list.replace(/"/g, '"');
list= $.parseJSON(mathchingModelList);输出的list便是JSON数据。 注:用$.parseJSON()需要引入jQuery包。
2、将JSON转化为其他数据类型
JSON.parse 把一个json字符串解析成对象。