JSON.stringify初识

1.JSON.stringify()简介：

JSON.stringify()这个函数是用来序列化对象的，即是把对象类型转换成json类型。

它有三个参数，即JSON.stringify(value [, replacer] [, space])：

value是必填，指要转换json类型的对象(类，数组等)，

replacer不是必填，用于转换结果的函数或数组，

如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值，使用返回值而不是原始值，如果此函数返回 undefined，则排除成员，根对象的键是一个空字符串：""，

如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。 成员的转换顺序与键在数组中的顺序一样。 当 value 参数也为数组时，将忽略 replacer 数组。

space不是必填，向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取，

如果省略 space，则将生成返回值文本，而没有任何额外空格，

如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，

如果 space 大于 10，则文本缩进 10 个空格，

如果 space 是一个非空字符串（例如“\t”），则返回值文本在每个级别中缩进字符串中的字符，

如果 space 是长度大于 10 个字符的字符串，则使用前 10 个字符，

上面的文字描述百度上都是，下面用实例来理解JSON.stringify，以及它的三个参数：

2.只有参数value：

<script src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function () {
var user = new Object();
user.name = "一叶秋";
user.address = "中国";
alert(JSON.stringify(user));
});
</script>

结果：



3.参数replacer：

3.1.[b]replacer为数组的时候[/b]

$("#btn21").click(function () {
var user = new Object();
user.name = "张三";
user.address = "北京";

var array = new Array();
array[0] = "name";
array[1] = "address";
array[2] = "tel";

alert(JSON.stringify(user, array));
});

如果第二个的value在第一个存在，那么就以第二个的值做key，第一个值为value进行表示，如果第二个的value在第一个不存在，就不显示。结果如下：



3.2.[b]replacer为函数的时候[/b]

<script src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function () {//第二个个参数为函数
$("#btn22").click(function () {
var array = new Array();
array[0] = "a";
array[1] = "b";
array[2] = "c";
alert(JSON.stringify(array, upper));
});
});
function upper(key, value) {
return value.toString().toUpperCase();
}</script>

结果如下：



4.参数[b]space：[/b]

这个参数如果省略的话，那么显示出来的值就第一个例子一样。

不省略的话：

4.1

$("#btn1").click(function(){
var user = new Object();
user.name = "一叶秋";
user.address = "中国";
alert(JSON.stringify(user,null,12));
});

结果如下：



4.2

$("#btn3").click(function () {
var user = new Object();
user.name = "一叶秋";
user.address = "中国";
alert(JSON.stringify(user, null, "\t"));
});

结果如下：