快捷導(dǎo)航

JSON.stringify的多種用法總結(jié)

更新時(shí)間：2021年06月22日 11:34:34 作者：胖先森

這篇文章主要給大家介紹了關(guān)于JSON.stringify使用的相關(guān)資料, JSON.stringify()方法是將一個(gè)JavaScript值(對(duì)象或者數(shù)組)轉(zhuǎn)換為一個(gè) JSON字符串,需要的朋友可以參考下

前言

用過 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/…