JSON.stringify的多種用法

這篇文章主要講解了“JSON.stringify的多種用法”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JSON.stringify的多種用法”吧！

前言

用過 json 的應(yīng)該都知道，把一個(gè)對(duì)象通過 stringify 之后提交給后臺(tái)是很常用的手段。但是 IE6-7 下沒有 JSON 對(duì)象，所以要借助json2.js 來實(shí)現(xiàn)。

1.經(jīng)典用法

 var data = [
     {name: "悟空", sex:1, age: 30},
     {name: "八戒", sex:0, age: 20},
     {name: "唐僧", sex:1, age: 30}
 ];//JavaScript數(shù)組中包含對(duì)象
//將JavaScript對(duì)象轉(zhuǎn)換為JSON格式的字符串
var str_json = JSON.stringify(data);
console.log(str_json);
//運(yùn)行結(jié)果為:
//[{"name":"悟空","sex":1,"age":30},{"name":"八戒","sex":0,"age":20},{"name":"唐僧","sex":1,"age":30}]

So easy! 這個(gè)也是我們最常用的方式

2.復(fù)雜數(shù)據(jù)的提取

比如說，我們的數(shù)據(jù)非常復(fù)雜，還有類似頭像，昵稱，個(gè)人簽名之類的信息。可是我保存在本地，只需要用戶名和性別,如果操作呢？我們可以通過提供的第二參數(shù)搞定,遍歷數(shù)據(jù)重新提取下即可。

a.傳統(tǒng)方式提取數(shù)據(jù)思路

var data = [
    {name: "悟空", sex:1, age: 30},
    {name: "八戒", sex:0, age: 20},
    {name: "唐僧", sex:1, age: 30}
];
//傳統(tǒng)方式提取數(shù)據(jù)
var new_data = [];
for (var i=0, new_data=[]; i<data.length; i++) {
    //構(gòu)建行的數(shù)組
    new_data.push({
        name: data[i].name,
        sex:  data[i].age
    });
}
var str_json = JSON.stringify(new_data);
console.log(str_json);

b.使用stringify的第二參數(shù)搞定提取數(shù)據(jù)

var data = [
    {name: "悟空", sex:1, age: 30},
    {name: "八戒", sex:0, age: 20},
    {name: "唐僧", sex:1, age: 30}
];

var str_json = JSON.stringify(data,["name","age"]);
console.log(str_json);
//運(yùn)行結(jié)果	
//[{"name":"悟空","age":30},{"name":"八戒","age":20},{"name":"唐僧","age":30}]

第二個(gè)參數(shù)只要傳入需要的keys數(shù)組，就非常輕松的就完成這種處理了。

當(dāng)然如果我們要更糾結(jié)的處理，比如要把 1,0 修改為男女，那么第二個(gè)參數(shù)可以用回調(diào)函數(shù)來處理。

var data = [
    {name: "悟空", sex:1, age: 30},
    {name: "八戒", sex:0, age: 20},
    {name: "唐僧", sex:1, age: 30}
];

var str_json = JSON.stringify(data,function (key, value) {
    if(key==="sex"){
        return ["男生","女生"][value];
    }
    return value;
});
console.log(str_json);
// [{"name":"悟空","sex":"女生","age":30},{"name":"八戒","sex":"男生","age":20},{"name":"唐僧","sex":"女生","age":30}]

3.第三個(gè)參數(shù)"吳用"

非常雞肋的一個(gè)參數(shù),基本沒有用過,看自己的情況!

var data = [
    {name: "悟空", sex:1, age: 30},
    {name: "八戒", sex:0, age: 20},
    {name: "唐僧", sex:1, age: 30}
];

var str_json = JSON.stringify(data,["name","sex"],"\t");
console.log(str_json);
/*
[
	{
		"name": "悟空",
		"sex": 1
	},
	{
		"name": "八戒",
		"sex": 0
	},
	{
		"name": "唐僧",
		"sex": 1
	}
]
*/

不懂請(qǐng)查看api

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

感謝各位的閱讀，以上就是“JSON.stringify的多種用法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)JSON.stringify的多種用法這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！