JSON.stringify(value, replacer, space)详解

1 篇文章 0 订阅

JSON.stringify(obj)是常用的将js对象转换为json字符串的方法,但很少有人知道,该方法其实还有另外2个参数。


1、方法

方法定义:JSON.stringify(value, replacer, space)

参数说明:value:js对象
                  replacer:替换对象,可以是一个方法、对象或数组,将value按照替换规则展示。

                  space:填充参数,可以是数字或字符串,将value按照参数进行格式化展示。
方法说明:将value对象转换为指定格式的json文本。


2、参数value

如果不转换对象注解输出对象的效果:



使用JSON.stringify(value)的效果
js:


  
  
  1. $( function(){
  2. $( "#strTest").text( JSON.stringify( "字符串测试"));
  3. var testObj = {
  4. name: "张三",
  5. age: 28,
  6. gender: "男"
  7. };
  8. $( "#objTest").text( JSON.stringify(testObj));
  9. var testArr = [{
  10. name: "张三",
  11. age: 20,
  12. gender: "男"
  13. },
  14. {
  15. name: "李思",
  16. age: 28,
  17. gender: "女"
  18. }]
  19. $( "#arrTest").text( JSON.stringify(testArr));
  20. })

页面效果:




3、参数replacer

参数为function(key,value),会根据函数返回值替换value中的值。

例如替换上面对象的gender为英文大写。
js:

  
  
  1. var testObj = {
  2. name: "张三",
  3. age: 28,
  4. gender: "man"
  5. };
  6. $( "#objTest").text( JSON.stringify(testObj,testReplacer));
  7. var testArr = [{
  8. name: "张三",
  9. age: 20,
  10. gender: "gril"
  11. },
  12. {
  13. name: "李思",
  14. age: 28,
  15. gender: "gril"
  16. }]
  17. $( "#arrTest").text( JSON.stringify(testArr,testReplacer));
  18. function testReplacer(key,value){ //key为对象属性名,value为对象属性值,会遍历testObj或testArr来执行该函数
  19. if(key== "gender"){
  20. value = value.toUpperCase();
  21. }
  22. return value;
  23. }
页面效果:




参数为object对象,并不会影响原对象。

参数为数组时,会遍历数组的值,以数组的值作为value的属性。如果value原本包含该属性,那么显示该属性,如果不包含则不显示。例如:

   
   
  1. var name = [ "name", "gril", "gender"];
  2. var testObj = {
  3. name: "张三",
  4. age: 28,
  5. gender: "man"
  6. };
  7. $( "#objTest").text( JSON.stringify(testObj,name));
  8. var testArr = [{
  9. name: "张三",
  10. age: 20,
  11. gender: "gril"
  12. },
  13. {
  14. name: "李思",
  15. age: 28,
  16. gender: "gril"
  17. }]
  18. $( "#arrTest").text( JSON.stringify(testArr,name));

上面的name数组包含3个值,而testObj对象值包含其中的name属性和gender属性,并不存在gril属性,所以,只会显示name和gender属性。效果如下:

如果将参数改为一个对象数组,那么因为对象不是一个属性,key值为“”,所以会显示一个空对象:{}。

4、参数space

如果space参数为数字n时,value对象将被格式化,并且属性会缩进n个字符。n>10时,只会缩进10个空格,n<10时,缩进n个空格,n<=0时不进行格式化。例如:

  
  
  1. $( "#objTest").text( JSON.stringify(testObj, null, 8));
  2. $( "#arrTest").text( JSON.stringify(testArr,name, 8));
缩进8个空格展示。

如果space为特殊字符时,按照特殊字符格式化。
例如:"\n":每行换行。"aa":每行头部添加aa字母。

  
  
  1. $( "#objTest").text( JSON.stringify(testObj, null, "\n"));
  2. $( "#arrTest").text( JSON.stringify(testArr,name, "aa"));
效果如下:


希望能带给你帮助!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值