JSON.stringify语法实例

本文详细介绍了JavaScript中JSON.stringify函数的使用方法及其参数含义。包括如何将对象转换为JSON字符串,使用replacer参数进行键值筛选及修改,以及如何利用space参数美化输出格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作用:这个函数的作用主要是为了系列化对象的。  
可能有些人对系列化这个词过敏,我的理解很简单。就是说把原来是对象的类型转换成字符串类型(或者更确切的说是json类型的)。就这么简单。打个比方说,你有一个类,那么你可以通过这个方法转换成相应的json类型的。很简单吧。 
接着看。 
语法:  
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 tom ={
    name:'tom',
    age:12,
    sex:'female'
}
var str = JSON.stringify(tom);
console.log(str);

输出如下:


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

var students = new Array() ; 
students[0] = "tom"; 
students[1] = "cat"; 
students[2] = "I love you"; 
var json = JSON.stringify(students,switchUpper); 
function switchUpper(key, value) { 
return value.toString().toUpperCase(); 
} 
console.log(json); 
3. 如果第一个是对象(这里说的对象就像在C#里面可以进行new的),第二个是数组的。 

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


var student = new Object(); 
student.qq = "805818964"; 
student.name = "jason"; 
student.age = 21; 
 
var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi";//这个student对象里不存在。 
 
var json = JSON.stringify(student,stu); 
console.log(json);

其实简单来说就是 第二个参数用于控制筛选对象的键值,如果我们想输出指定的属性,可以传入Array ,也就是下面的stu数组

这样我们就只输出qq和age,Hi属性没有所以不输出

也可以这样写 var json = JSON.stringify(student,['qq','age','Hi'])

4.第三个参数 

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

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

var student = new Object(); 
student.qq = "805818964"; 
student.name = "jason"; 
student.age = 21; 
 
var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi";//这个student对象里不存在。 
 
var json = JSON.stringify(student,stu,100); 
console.log(json);

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

也是一样。 

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

如果是var json = JSON.stringify(student,stu,"Hello");


一般习惯于按缩进输出即:前面输入几个空格

var json = JSON.stringify(student,stu,'  ');



?



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值