1.JSON与JavaScript对象的区别
json
1.仅仅是一种数据格式
2.可以跨平台数据传输，速度快，作为json格式传输：application/json，以json字符串的形式，利用ajax
3.键值对方式，键必须加双引号。值只能是数值(10进制) ,字符串(双引号),布尔值和null,也可以是数组,符合JSON的对象不能是方法函数，NaN,Infinity,-Infinity和undefined最后一个值后面不能有逗号。
4.JSON字符串转换Js对象
JSON.parse(JsonStr);(不兼容IE7)
eval("("+jsonStr+")");(兼容所有浏览器，但不安全，会执行json里面的表达式?)Javascript对象
1.表示类的实例，一种javascript的引用类型
2.可作为消息的形式发送给服务器：multipart/form-data，利用ajax，传输对象
3.键值对方式，键可允许加单引号，双引号，也可以不加。 值可以是函数、对象、字符串、数字、boolean 等javascript 中的任意值， 末尾可以有逗号。
4.js对象转换Json字符串JSON.stringify(jsObj);
2. 在JSON中，一共就这么几种数据类型
-
number：和JavaScript的number完全一致； -
boolean：就是JavaScript里的true和false； -
string：就是JavaScript的string； -
null：就是JavaScript的null； -
array：就是JavaScript的Array表示方式——[]； -
object：就是JavaScript的{ ... }表示方式。 - 以及上面的任意组合。
JSON还定死了字符集必须是UTF-8，表示多语言就没有问题了。为了统一解析，JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。
如果我们收到一个JSON格式的字符串(JSON的数据类型typeof是 string)，只需要把它反序列化成一个JavaScript对象，就可以在JavaScript中直接使用这个对象了
3. 序列化
把以下对象序列化成JSON格式的字符串：
var xiaoming = {
name: '小明',
age: 14,
gender: true,
height: 1.65,
grade: null,
'middle-school': '\"W3C\" Middle School',
skills: ['JavaScript', 'Java', 'Python', 'Lisp']
};
var s = JSON.stringify(xiaoming);
//结果
{"name":"小明","age":14,"gender":true,"height":1.65,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}
//要输出得好看一些，可以加上参数，按缩进输出：
s = JSON.stringify(xiaoming,null,' ');
//结果
{
"name": "小明",
"age": 14,
"gender": true,
"height": 1.65,
"grade": null,
"middle-school": "\"W3C\" Middle School",
"skills": [
"JavaScript",
"Java",
"Python",
"Lisp"
]
}
-
JSON.stringify()的第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array：
s = JSON.stringify(xiaoming, ['name','skills'], ' ');
console.log(s);
//结果
{
"name": "小明",
"skills": [
"JavaScript",
"Java",
"Python",
"Lisp"
]
}
- 第二个参数还可以传入一个函数，这样对象的每个键值对都会被函数先处理
function convert(key,value){
console.log(key);
if (typeof value === 'string') {
return value.toUpperCase();
}
return value;
}
JSON.stringify(xiaoming, convert, ' ');
/*
key的值
name
age
gender
height
grade
middle-school
skills
0
1
2
3
*/
//结果
{
"name": "小明",
"age": 14,
"gender": true,
"height": 1.65,
"grade": null,
"middle-school": "\"W3C\" MIDDLE SCHOOL",
"skills": [
"JAVASCRIPT",
"JAVA",
"PYTHON",
"LISP"
]
}
- 如果我们还想要精确控制如何序列化小明，可以给xiaoming定义一个
toJSON()的方法(此方法为系统方法，不能更改名称)，直接返回JSON应该序列化的数据：
var xiaoming = {
name: '小明',
age: 14,
gender: true,
height: 1.65,
grade: null,
'middle-school': '\"W3C\" Middle School',
skills: ['JavaScript', 'Java', 'Python', 'Lisp'],
toJSON: function () {
return { // 只输出name和age，并且改变了key：
'Name': this.name,
'Age': this.age
};
}
};
JSON.stringify(xiaoming); // '{"Name":"小明","Age":14}'
4. 反序列化
拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：
JSON.parse('[1,2,3,true]'); // [1, 2, 3, true]
JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14}
JSON.parse('true'); // true
JSON.parse('123.45'); // 123.45
注意：以上parse()内的值都带了引号，都是字符串格式，经
JSON.parse转化为一个js对象
-
JSON.parse()还可以接收一个函数，用来转换解析出的属性：
var obj = JSON.parse('{"name":"小明","age":14}', function (key, value) {
if (key === 'name') {
return value + '同学';
}
return value;
});
console.log(obj); //{name: "小明同学", age: 14} 此为Js对象
console.log(JSON.stringify(obj)); // {"name":"小明同学","age":14} 此为JSON串
