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

结果如下:

技术分享

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。