您的位置：首页 > Web前端 > JavaScript

What is JSON？

2015-12-06 17:22 549 查看

JSON之父这样解释JSON：JSON对象是一个容乃“名/值”对的无序集合，JSON的全称是(JavaScript Object Notation)也就是JavaScript对象表示法，JSON是一种轻量级的数据交换格式。

语法：

JSON不可以支持JavaScript中的特殊值undefined。

JavaScript字符串与JSON字符串最大的区别就是，JSON字符串必须使用双引号，而js中是无所谓的。

JSON对象的属性要求必须要加上引号：

{
{
"name": "zp",
"age": 19,
"job": "student",
"hometwon": {
"name": "tianjin"
}
}

JSON同一对象中不应该出现两个同名属性。

JSON数组采用的就是JavaScript中的数组字面量形式：

[19, "zp", true]

JSON.stringify()->js对象序列化为JSON字符串，在序列化js对象时,值为undefined的属性会被跳过。

var obj =   {
name: "zp",
age: 19,
job: "student",
hometwon: {
name: "tianjin"
},
dream: undefined
};
console.log(JSON.stringify(obj));
// {"name":"zp","age":19,"job":"student","hometwon":{"name":"tianjin"}}

这个方法还可以接受两个参数：

第二个参数：

一个参数是过滤器，可以是一个数组也可以是一个函数

假如为数组，那么js对象只会包含数组中列出的属性

//仍然应用上面的那个js对象
console.log(JSON.stringify(obj,["name","age"]));
// {"name":"zp","age":19}

另一种参数方式就是函数，这个主要应用于需要修改一下，你需要序列化的对象的键值，函数有两个参数，一个是键名另外一个是键值，第一次接收的参数就是这个obj对象

console.log(JSON.stringify(obj,function (key, value) {
if (key === "hometwon") {
return 123;
} else {
return value;
}
}));  // {"name":"zp","age":19,"job":"student","hometwon":123}

第三个参数：

第三个参数用于控制结果中的缩进和空白符，最大缩进空格数为10，超过10的值都会自动转化为10，增加缩进和空白符可以增加可读性。

console.log(JSON.stringify(obj,null,2));
// 转化出来的字符串的格式：
{
"name": "zp",
"age": 19,
"job": "student",
"hometwon": {
"name": "tianjin"
}
}

我们还可以给对象自动定义一个

toJSON()

方法，定义了

toJSON()

方法的对象在调用

JSON.stringify()

方法时会自动调用这个

toJSON()

方法：

obj.toJSON: function () {
return this.name;
}
console.log(JSON.stringify(obj));  // "zp"

调用
JSON.stringify()
方法的内部顺序：

1.如果存在toJSON()方法而且能够通过其取到有效值，则调用该方法，否则会返回对象本身。

2.如果提供了第二个参数，应用这个过滤器，传入过滤器的值是第一步返回的值

3.对第二步的每个值进行相应的序列化

4.如果有第三个参数，进行相应的格式化

JSON.parse()将JSON字符串转为js对象，也就是解析JSON字符串，这个方法也接受一个参数，这个参数就是还原参数，这个还原参数多用于操作Date对象

var obj = JSON.parse('{"x": 1}');
console.log(obj.x);   // 1

var date = {
"date": new Date(2015, 11, 06)
};
console.log(date.date.getFullYear());  // 2015
var str = JSON.stringify(date);
console.log(str);
console.log(JSON.parse(str)); // 还原Date对象还原出来的是一个时间字符串
console.log(JSON.parse(str, function (key, value) {
if (key === "date") return new Date(value);
else return value;
}).date.getFullYear());  // 2015

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航