JSON.stringify初识

浏览数：17 / 时间：2015年06月09日

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.replacer为数组的时候

$("#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.replacer为函数的时候

<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.参数space：

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

不省略的话：

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"));
 });