JavaScript JSON 格式操作

标签：

　　关于JSON,最重要的是要理解它是一种数据格式，而不是一种编程语言。虽然具有相同的语法，但JSON并不从属于JavaScript。而且，并不是只有JavaScript才使用JSON，毕竟JSON只是一种数据格式。很多编程语言都有针对JSON的解析器和序列化器。

　　首先，说一下JSON的语法，JSON由三种类型组成，简单、对象、数组。简单值包括数值、字符串、布尔值、null。对象由一组键值对组成，其中可以嵌套数组和对象。数组表示一组有序的值得列表，可以包含数组和对象。

console.log(JSON.parse(1))

　　这样写是没有错的，可以直接解析数值，但是这个没有意义，一般实际运用中JSON都是以对象或数组的方式呈现。下面看看对象的表示法：

{
	"name" : "Miracle",
	"age" : 24
}

[1,2,"sd"]

　　JSON的对象和数组与JavaScript的对象字面量和数组字面量很像，在JSON中所有的键都要用双引号包裹，否则会导致语法错误。而字符串的值也必须使用双引号包裹，不能使用单引号，因为会导致语法错误，在数组中也是一样。在JSON中对象可以包含数组，而同样数组也可以包含对象。

{
	"name" : "Miracle",
	"age" : 24,
	"skills" : ["AJAX", "ES5", "HTML5", "CSS3"],
	"friends" : [
		{
			"name" : "kirs",
			"age" : 23
		},
		{
			"name" : "HQ",
			"age" : 22
		}
	]
}

　　上列代码最外围是一个对象，其中包含了2个简单值，和两个数组，而第二个数组"friends"中又包含了两个对象。

　　解析与序列化

　　在JSON对象诞生之前，JSON的解析一直是使用eval()函数，使用eval()对JSON数据结构求值存在风险，因为可能会执行一些恶意代码。ECMAScript 5对解析JSON的行为进行了规范，定义了全局对象JSON。支持这个对象的浏览器有IE8+、Firefox 3.5+、Safari 4+、 Chrome 和Opera 10.5+。

　　JSON对象有两个方法:stringify()和parse()。stringify()用于将JSON对象的实例转换为JSON字符串，而JSON.parse()则将一个JSON字符串解析为JSON对象。

var jobj = {
	"name" : "Miracle",
	"age" : 24
}

var jtext = JSON.stringify(jobj);

console.log(jtext);			//‘{"name":"Miracle","age":24}‘
console.log(typeof jtext);	//string

var obj = JSON.parse(jtext);
console.log(obj.name);		//"Miracle"

　　在执行JSON.stringify()方法的时候对于JS中的特殊值比如undefined,function类型会忽略掉当前的键值对。

var jobj = {
	"name" : "Miracle",
	"age" : 24,
	"un" : undefined,
	"getName" : function(){
		alert(0);
	}
}

console.log(JSON.stringify(jobj)); //‘{"name":"Miracle","age":24}‘

　　上述代码中jobj对象中包含了一个键为"un",它的值是undefined由于JSON不识别这种基本类型，所以会将键和值全部忽略。JS中的funciton也是。

　　JSON.stringify()方法一共有三个参数，第一个参数是要转化的对象，这个参数是必选项，第二个参数是过滤设置，可以是数组，也可以是function。第三个参数是一个格式化的设置，可以是字符串或者数值。注意这里的过滤和格式化都是对对象的操作。

var jobj = {
	"name" : "Miracle",
	"age" : 24,
	"siklls" : ["AJAX", "ES5", "HTML5", "CSS3"]
}

console.log(JSON.stringify(jobj, ["name"])); //‘{"name":"Miracle"}‘

　　如果JSON.stringify()方法的第二个参数是一个数组，那么在执行的时候会匹配数组中的值与每个键的名称是否一样，如果有返回这个键值对，没有就忽略。如果一个都没有最终返回空对象字符串"{}"。

var jobj = {
	"name" : "Miracle",
	"age" : 24,
	"siklls" : ["AJAX", "ES5", "HTML5", "CSS3"]
}

var s = JSON.stringify(jobj, function(key, val){
	if(key == "name"){
		return "who are you?";
	}else if(key == "siklls"){
		return undefined;
	}else {
		return val;
	}
});

console.log(s);		//{"name":"who are you?","age":24}

　　如果JSON.stringify()第二个参数是函数，那么根据函数返回的值来来匹配，如果函数自始至终都没有返回，那么结果就是undefined。这个函数接受两个参数，当前的键和值，然后根据结果返回当前键和改变后的值。例如代码中else if判断中 结果返回了undefined ，前面说过了如果返回的不是JSON类型的数据，JSON会自动过滤。

　　JSON.stringify()方法的最后一个参数是用来格式化字符串。改参数是一个字符串或者数值类型。如果是数值，则使用当前数值的空格数来缩进，如果是字符串则使用字符串来缩进，注意，这里会自动换行。

var jobj = {
	"name" : "Miracle",
	"age" : 24,
	"siklls" : ["AJAX", "ES5", "HTML5", "CSS3"]
}

var s = JSON.stringify(jobj, null, 4);

console.log(s);	

上图是使用Chromg 控制台查看的结果。

JavaScript JSON 格式操作

标签：

原文地址：http://www.cnblogs.com/miracle-t/p/5576816.html