标签：
背景：XML曾经是互联网传输结构化数据的事实标准，但XML过于繁琐、冗长，而且解析麻烦，同XML数据结构要解析成DOM文档而且从中提取数据极为麻烦相比，JSON可以解析为JavaScript对象的优势极其明显。相比之下，JOSN是在JavaScript中读写结构化数据更好的方式，可以把JSON字符串直接传给eval()，而且不必创建DOM对象。JSON是一种数据格式，很多编程语言都有针对JOSN的解析器和序列化器。
一.JSON为JavaScript子集，可以使用eval解析JSON字符串，并返回JS对象/JS数组
var data = [
{name: "小明", sex:1, age: 30},
{name: "李雷", sex:0, age: 20},
{name: "熊二", sex:1, age: 30}
];
//data对象的JSON字符串表示形式
var dataJSONText = "[{‘name‘: ‘小明‘, ‘sex‘:1, ‘age‘: 30},{‘name‘: ‘李雷‘, ‘sex‘:0, ‘age‘: 20},{‘name‘: ‘熊二‘, ‘sex‘:1, ‘age‘: 30}]";
console.log(eval("("+dataJSONText+")"));//即为data对象
需要注意的是对象在JSON字符串中表现形式的差异性（对象的属性必须加双引号，这在JSON中是必须的！）
//JavaScript对象在JSON中的表示形式：
var person = {
name:"Nicholas",
age:29
};
//JSON表示上述对象：
{
"name":"Nicholas",
"age":29
}
二.JSON虽然为JavaScript子集，但还是具有些差异性
三.全局JSON对象
早期使用eval()函数进行JSON字符串的解析，后来ECMAScript5对解析JSON进行规范，定义了全局对象JSON，现在的浏览器基本都支持这个对象。
JSON对象存在两种方法：
JSON.parse()将JSON字符串解析为JS对象
例1.基本应用：
var data = [
{name: "小明", sex:1, age: 30},
{name: "李雷", sex:0, age: 20},
{name: "熊二", sex:1, age: 30}
];
//1.js对象序列化为json字符串
var str_json = JSON.stringify(data);
//2.json字符串解析为原生js对象
var data_copy = JSON.parse(str_json);
四.JSON.stringify序列化
JSON.stringify()还可以接收另外两个参数：第一个参数是过滤器、第二个参数是选项（是否在JSON字符串中保留缩进）
1.第一个参数是过滤器：
测试数据1：
//json对象转js对象，右侧为json对象
var data=[
{
"LBLCN": "事项",
"FTYPE": "options",
"TOOLTIP": "请选择事项",
"REQD": false,
"EDIT": "EVERYONE",
"ITMS": [
{
"VAL": "选项 1"
},
{
"VAL": "选项 2"
},
{
"VAL": "选项 3"
}
],
"DEF": ""
},
{
"LBLCN": "明细子表",
"FTYPE": "detailTable",
"FIELDS": [
{
"LBLCN": "多行文本",
"FTYPE": "textarea",
"TOOLTIP": "",
"REQD": false,
"EDIT": "EVERYONE"
},
{
"LBLCN": "事项",
"FTYPE": "options",
"TOOLTIP": "请选择事项",
"REQD": false,
"EDIT": "EVERYONE",
"ITMS": [
{
"VAL": "选项 1"
},
{
"VAL": "选项 2"
},
{
"VAL": "选项 3"
}
],
"DEF": ""
}
],
"SCU": "pub"
}]
过滤器是数组：
例2.
//此时也要使VAL属性对应的上级属性ITMS也要显示，否则VAL显示不出来
console.log(JSON.stringify(data,["VAL","FTYPE"]));
//上级属性ITMS和下级属性VAL的先后顺序不会对过滤产生影响
console.log(JSON.stringify(data,["ITMS","VAL","FTYPE"]));
console.log(JSON.stringify(data,["VAL","ITMS","FTYPE"]));
//同级属性FTYPE和ITMS的先后顺序，会影响过滤结果的先后顺序
console.log(JSON.stringify(data,["FTYPE","VAL","ITMS"]));
测试数据2：
var book = {
title:"Professional JavaScript",
authors:[
"Nicholas C. Zakas"
],
edition:3,
year:2011
};
过滤器是函数：
例3.
var jsonText = JSON.stringify(book, function(key, value) {
switch (key) {
case "authors":
return value.join(",");
//将数组连接成一个字符串
case "year":
return 5000;
case "edition":
return undefined;
//通过返回undefined删除该属性
default:
return value;
//其他属性正常序列化
}
}
);
console.log(jsonText);//{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}
函数参数为属性名(key)和属性值，根据属性名可以知道如何处理序列化中的属性，并且属性名只能是字符串。注意：当并非键值对结构时，键名可以是空字符串！（实际上第一次调用函数过滤器，传入的键是空字符串，而值是book对象！）
例4.
var data = {
"LBLCN": "事项",
"FTYPE": "options",
"TOOLTIP": "请选择事项",
"REQD": false,
"EDIT": "EVERYONE",
"ITMS": [
"选项 1",
"选项 2",
"选项 3"
],
"DEF": ""
}
var dataText = JSON.stringify(data, function(key, value) {
switch (key) {
case "ITMS":
{
var f = [];
//js for/in
for (i in value) {
f.push({
"VAL": value[i]
});
}
return f;
}
case "VAL":
return value + "test";
default:
return value;
}
}
, 4);
console.log(dataText);
过滤原则：要序列化对象中的每一个对象都要经过过滤器函数（即使是转换后的对象，其属性和值也都要经过过滤）
2.第二个参数为字符串缩进
例4.
var book = {
title:"Professional JavaScript",
authors:[
"Nicholas C. Zakas"
],
edition:3,
year:2011
};
jsonText = JSON.stringify(book,null,4);//使得JSON字符串包含缩进空格和换行符，增强可读性
jsonText = JSON.stringify(book,null,"--");//"--"作为缩进符
五.toJSON
若JSON.stringify()还无法满足对某些对象自定义序列化的需求，可通过每个对象可以自定义toJSON方法，实现自己的序列化方式,toJSON作为函数过滤器的补充。
例5.
//Date 有自己的toJSON方法，返回值为字符串。故该对象将被序列化为一个简单字符串而非对象
var date = new Date();
console.log(date.toJSON());//2015-09-12T09:03:00.318Z
重难点：序列化对象的顺序（1.对象有自身的toJSON方法2.JSON.stringify()有过滤函数）
例6.
var person = {
age:4,
weight:"60kg",
toJSON:function(){
return {
height:"1.8m"
}
}
};
var personText = JSON.stringify(person,function(key,value){
switch(key){
case "height":
return value+" sss";
default:
return value;
};
});
console.log(personText);//{"height":"1.8m sss"}
顺序是：先调用对象自身的toJSON方法进行序列化2.如果有过滤函数的话，再使用步骤1返回的对象，通过过滤函数进行序列化
六.JSON.parse
var book = {
"title":"Professional JavaScript",
"authors":[
"Nicholas C. Zakas"
],
edition:3,
year:2011,
releaseDate:new Date(2011,11,1)
};
var jsonText = JSON.stringify(book);
var bookCopy = JSON.parse(jsonText,function(key,value){
if(key == "releaseDate"){
return new Date(value);
}else{
return value;
}
});
console.log(bookCopy);
console.log(new Date());标签：
原文地址：http://www.cnblogs.com/ZHeGeS/p/4825979.html
