JSON.stringify的多种用法总结

JSON.stringify的多种用法总结

本文主要介绍使用JSON.stringify的相关信息JSON.stringify()方法是将一个JavaScript值(对象或数组)转换成一个JSON字符串。有需要的可以参考一下。

前言

用过json的人都应该知道,stringify之后提交对象到后台是一种常用的方法。但是IE6-7下没有JSON对象,所以要借助json2.js来实现

1.经典用法

var数据=[

{姓名:‘悟空’,性别:1,年龄:30},

{姓名:八戒,性别:0,年龄:20},

{姓名:“唐僧”,性别:1,年龄:30}

];//JavaScript数组包含对象

//将JavaScript对象转换为JSON格式的字符串

var str _ JSON=JSON . stringify(data);

console . log(str _ JSON);

//运行结果是:

//[{ 姓名:悟空,性别:1,年龄:30},{ 姓名:八戒,性别:0,年龄:20},{ 姓名:唐僧,性别:1

如此简单!这也是我们最常用的方式。

2.复杂数据的提取

比如我们的数据很复杂,有头像、昵称、个人签名等信息。但是我保存在本地,只需要用户名和性别。如果我操作呢?我们可以通过提供的第二个参数获取它,然后遍历数据并再次提取它。

A.提取数据的传统方式

var数据=[

{姓名:‘悟空’,性别:1,年龄:30},

{姓名:八戒,性别:0,年龄:20},

{姓名:“唐僧”,性别:1,年龄:30}

];

//以传统方式提取数据

var new _ data=[];

for (var i=0,new _ data=[];idata .长度;i ) {

//建立一个行数组

新数据推送({

名称:数据[i]。姓名,

性别:数据[i]。年龄

});

}

var str _ JSON=JSON . stringify(new _ data);

console . log(str _ JSON);

b .使用stringify的第二个参数获取提取的数据

var数据=[

{姓名:‘悟空’,性别:1,年龄:30},

{姓名:八戒,性别:0,年龄:20},

{姓名:“唐僧”,性别:1,年龄:30}

];

var str _ JSON=JSON . stringify(data,[name , age ]);

console . log(str _ JSON);

//运行结果

//[{ 姓名:悟空,年龄:30},{ 姓名:八戒,年龄:20},{ 姓名:唐僧,年龄:30}]

只要在required keys数组中传递第二个参数,就很容易完成这个处理。

当然,如果要更有形的处理,比如把1,0改成公母,那么第二个参数可以用回调函数来处理。

var数据=[

{姓名:‘悟空’,性别:1,年龄:30},

{姓名:八戒,性别:0,年龄:20},

{姓名:“唐僧”,性别:1,年龄:30}

];

var str _ JSON=JSON . stringify(data,function (key,value) {

if(key===sex){

Return [男生,女生][值];

}

返回值;

});

console . log(str _ JSON);

//[{ 姓名:悟空,性别:姑娘,年龄:30},{ 姓名:八戒,性别:男孩,年龄:20},{ 姓名:唐僧,

3.第三个参数吴勇

很鸡肋的一个参数,基本不用,看你自己情况!

var数据=[

{姓名:‘悟空’,性别:1,年龄:30},

{姓名:八戒,性别:0,年龄:20},

{姓名:“唐僧”,性别:1,年龄:30}

];

var str _ JSON=JSON . stringify(data,[name , sex], t );

console . log(str _ JSON);

/*

[

{

姓名:悟空,

性别:1

},

{

姓名:八戒:

性别:0

},

{

姓名:唐僧,

性别:1

}

]

*/

不知道的请查api

developer.mozilla.org/en-US/docs/…

总结

关于JSON.stringify用法的这篇文章到此为止,关于JSON.stringify用法的更多信息,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

JSON.stringify的多种用法总结