当前位置: 首页 > news >正文

JSON.stringify的使用方法

语法:

JSON.stringify(value [, replacer] [, space])

value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。

replacer:这个是可选的。它又分为2种方式,一种是方法,第二种是数组。

情况一:我们先说数据,通过我们后面的实验可以知道,它是和第一个有关系的。一般来说,我们系列化后的结果是通过键值对来进行表示的。

比如说:

name:"lan",age:25

这种形式。

所以,如果这种形式的话,如果第二个的值在第一个存在,那么的话就以第二个的值做key,第一个值为value进行表示,如果不存在,sorry,忽略。【是不是有点抽象,我也这么觉得,不过你等一下看实验 就OK了。。呼呼。】

情况二:如果是方法,那很简单,就是说把系列化后的每一个对象(记住 是每一个)传进方法里面进行处理。

space:很好理解,用什么来做分隔符的。

1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来

2.如果是一个数字的话,那么它就定义缩进几个字符,当然 如果大于10 ,则最大值为10.

3.如果是一些转义字符,比如“\t”,表示回车,那么它每行一个回车。

4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是10个字符。


开始用实例说明;

1.只有一个参数的情况下:

var  student = new  Object();
student.name = "Lanny" ;
student.age = "25" ;
student.location = "China" ;
 
var  json = JSON.stringify(student);
alert(student);

 结果如下:

有些人可能会怀疑JSON.stringify的作用,OK。那假如,我们不要这个函数。代码下面的样子:

var  student = new  Object();
             student.name = "Lanny" ;
             student.age = "25" ;
             student.location = "China" ;
 
            // var json = JSON.stringify(student);
             alert(student);

 恭喜你 得到的结果是:

没骗你吧,继续。

 

 2.第二个参数存在,并且第二个参数还是function的时候

var  students = new  Array() ;
             students[0] = "Lanny" ;
             students[1] = "dong" ;
             students[2] = "I love you" ;
 
             var  json = JSON.stringify(students,switchUpper);
 
             function switchUpper(key, value) {
                 return  value.toString().toUpperCase();
             }
             alert(json);
//var json = JSON.stringify(students, function (key,value) {                
//return value.toString().toUpperCase();            
//});
上面的方法也可以换成下面的,2个都是一样,只是写法有那么一点点的不一样而已。

 得到结果如下:

3.第二个参数存在,并且第二个参数不是function,而是数组的时候。

3.1 【误区】如果第一个参数是数组,第二个参数也是数组的话,只显示第一个参数的值。

比如:

var  students = new  Array() ;
             students[0] = "Lanny" ;
             students[1] = "dong" ;
             students[2] = "I love you" ;
 
             var  stu = new  Array();
             stu[0] = "1" ;
             stu[1] = "2" ;
 
             var  json = JSON.stringify(students,stu);
             alert(json);

 sorry 得到的结果就是:

第二个被忽略了,只是第一个被系列化了。

3.2 如果第一个是对象(这里说的对象就像在C#里面可以进行new的),第二个是数组的。

那么如果第二个的value在第一个存在,那么的话就以第二个的值做key,第一个值为value进行表示

var  student = new  Object();
             student.qq = "5485891512" ;
             student.name = "Lanny" ;
             student.age = 25;
 
             var  stu = new  Array();
             stu[0] = "qq" ;
             stu[1] = "age" ;
             stu[2] = "Hi" ; //这个student对象里不存在。
 
             var  json = JSON.stringify(student,stu);
             alert(json);

 得到的结果如下:

因为stu[2] = "Hi";这个Hi 在第一个找不到,所以就不进行显示了。

4.第三个参数

4.1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来

比如:

var  student = new  Object();
             student.qq = "5485891512" ;
             student.name = "Lanny" ;
             student.age = 25;
 
             var  stu = new  Array();
             stu[0] = "qq" ;
             stu[1] = "age" ;
             stu[2] = "Hi" ;
 
             var  json = JSON.stringify(student,stu);
             alert(json);

 输出的就是:

4.2.如果是一个数字的话,那么它就定义缩进几个字符,当然 如果大于10 ,则最大值为10.

var  student = new  Object();
             student.qq = "5485891512" ;
             student.name = "Lanny" ;
             student.age = 25;
 
             var  stu = new  Array();
             stu[0] = "qq" ;
             stu[1] = "age" ;
             stu[2] = "Hi" ;
 
             var  json = JSON.stringify(student,stu,100); //注意这里的100
             alert(json);

那么得到的是:

空开来了10个字符。

4.3.如果是一些转义字符,比如“\r”,表示回车,那么它每行一个回车。【谢谢回复的朋友指出了这个错误!】

也是一样。

4.4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是10个字符。

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

(OA差旅遇到的问题):

var str='{"name":"liming","age":"20"}';

  其中str定义的是字符串,键值对中的key是带有引号的:“name”

var strSec={
            name:"xiaohua",
            age:25
};

其中strSec是对象,键值对中的key不带有引号,如name

var str='{"name":"liming","age":"20"}';
console.log(JSON.parse(str));
//返回对象格式: {name: "liming", age: "20"}

 

var strSec={
            name:"xiaohua",
            age:25
 };
var strFour={
            info:JSON.stringify(strSec),
            ageInfo:33
 };
console.log(strFour);
//对象{info: "{"name":"xiaohua","age":25}", ageInfo: 33}
  console.log(JSON.stringify(strFour));
  /*字符串 {"info":"{\"name\":\"xiaohua\",\"age\":25}","ageInfo":33}*/

json是一种简单的数据格式,比xml更轻巧。json是JavaScript 的原生格式,这意味着在 JavaScript 中处理json格式的 数据不需要任何特殊的API 或工具包。json的语法规则其实很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。看个例子先:

//定义一个user(json的格式,其实就是定义一个js函数(变量)的方式而已)
    var user =
    {
        "username": "jeff wong",
        "age": 25,
        "info": { "tel": "12345678", "cellphone": "13312345678" },
        "address": // 数组
            [
                { "city": "beijing", "postcode": "101110" },
                { "city": "ny city", "postcode": "911119" }
            ]
    }

json数据的格式是以键值对的形式写的,最好键值能够写成带有引号的形式,但是写成纯字面量对象形式,也就是不带引号也没有区别;

OA差旅中传输数据时,

可以看到goFlightInfo对应的是一个对象,所以要把这个对象转换成字符串的形式,因此要在该对象前面加上一个引号。使用JSON.stringify()函数将对象转换为字符串

转载于:https://www.cnblogs.com/xiaozhumaopao/p/6236731.html

相关文章:

  • 月薪2500到年薪20万+,阿迪经历了些什么?
  • 【转】Unity中的协同程序-使用Promise进行封装(三)
  • Ubuntu 16.04 几个国内更新源
  • PHP编程----猴子选大王
  • Linux服务器vsftp服务 在本机的时间 与用ftp连接后的时间不一致解决办法
  • Raft算法浅析
  • oracle导出表的cmd语句
  • mysql索引挑选
  • mongodb user
  • 禁止html上拖动图片打开新标签页
  • tree命令
  • xiaoqiang
  • CCF201312--模拟练习试题参考答案(Java)
  • XAMP安装Apacher无法启动
  • AES加密算法的JAVA实现
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • HashMap剖析之内部结构
  • Hibernate最全面试题
  • JAVA 学习IO流
  • mysql_config not found
  • Mysql优化
  • Node + FFmpeg 实现Canvas动画导出视频
  • Python 反序列化安全问题(二)
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • Twitter赢在开放,三年创造奇迹
  • XML已死 ?
  • 京东美团研发面经
  • 聊聊directory traversal attack
  • 全栈开发——Linux
  • 如何设计一个比特币钱包服务
  • 如何选择开源的机器学习框架?
  • 适配mpvue平台的的微信小程序日历组件mpvue-calendar
  • 小程序开发之路(一)
  • PostgreSQL之连接数修改
  • ​secrets --- 生成管理密码的安全随机数​
  • # 安徽锐锋科技IDMS系统简介
  • (附源码)ssm考试题库管理系统 毕业设计 069043
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (一)Dubbo快速入门、介绍、使用
  • (转)Java socket中关闭IO流后,发生什么事?(以关闭输出流为例) .
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转)原始图像数据和PDF中的图像数据
  • (状压dp)uva 10817 Headmaster's Headache
  • ./configure,make,make install的作用(转)
  • .a文件和.so文件
  • .jks文件(JAVA KeyStore)
  • .Net IE10 _doPostBack 未定义
  • .Net7 环境安装配置
  • .NET文档生成工具ADB使用图文教程
  • /ThinkPHP/Library/Think/Storage/Driver/File.class.php  LINE: 48
  • /使用匿名内部类来复写Handler当中的handlerMessage()方法
  • @Responsebody与@RequestBody
  • [ CTF ]【天格】战队WriteUp- 2022年第三届“网鼎杯”网络安全大赛(青龙组)
  • [ SNOI 2013 ] Quare