JSON格式化数据
JSON只是一种数据格式。很多编程语言都有针对JSON的解析器和序列化器。
JSON的语法可以表示以下三种类型的值。
1. 简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和 null 。但JSON不支持特殊值 undefined 。
2. 对象：对象作为一种复杂数据类型，表示的是一组有序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。
3. 数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组。
JSON对象有两个方法：stringify() 和 parse() 。在最简单的情况下，这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。
JSON.stringify() 除了要序列化的JavaScript对象外，还可以接收另外两个参数，这两个参数用于指定以不同的方式序列化JavaScript对象。
第一个参数是个过滤器，可以是一个数组，也可以是一个函数；第二个参数是一个选项，表示是否在JSON字符串中保留缩进。单独或组合使用这两个参数，可以更全面深入地控制JSON的序列化。
如果过滤器参数是数组，那么 JSON.stringify() 的结果中将只包含数组中列出的属性。
var book = {
"title": "无标题",
"authors": [
"前端精髓"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, ["title", "edition"]);
console.log(jsonText)
// {"title":"无标题","edition":3}
如果第二个参数是函数，行为会稍有不同。传入的函数接收两个参数，属性（键）名和属性值。根据属性（键）名可以知道应该如何处理要序列化的对象中的属性。
var book = {
"title": "无标题",
"authors": [
"前端精髓"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, function (key, value) {
switch (key) {
case "authors":
return "张三";
case "year":
return 5000;
case "edition":
return undefined;
default:
return value;
}
});
console.log(jsonText)
// {"title":"无标题","authors":"张三","year":5000}
// 返回undefined属性将会删除
JSON.stringify() 方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数值，那它表示的是每个级别缩进的空格数。
var book = {
"title": "无标题",
"authors": [
"前端精髓"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, null, 4);
console.log(jsonText)
{
"title": "无标题",
"authors": [
"前端精髓"
],
"edition": 3,
"year": 2011
}
如果缩进参数是一个字符串而非数值，则这个字符串将在JSON字符串中被用作缩进字符（不再使用空格）。在使用字符串的情况下，可以将缩进字符设置为制表符，或者两个短划线之类的任意字符。
var book = {
"title": "无标题",
"authors": [
"前端精髓"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, null, '----');
console.log(jsonText)
{
----"title": "无标题",
----"authors": [
--------"前端精髓"
----],
----"edition": 3,
----"year": 2011
}
点击阅读原文，有一个demo，实现了JSON格式化功能的网站，类似于https://www.json.cn/网站的功能。
完