JSON.stringify的多種用法總結

前言

用過(guò) json 的應該都知道，把一個(gè)對象通過(guò) stringify 之后提交給后臺是很常用的手段。但是 IE6-7 下沒(méi)有 JSON 對象，所以要借助來(lái)實(shí)現。

1.經(jīng)典用法

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

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

2.復雜數據的提取

比如說(shuō)，我們的數據非常復雜，還有類(lèi)似頭像，昵稱(chēng)，個(gè)人簽名之類(lèi)的信息?？墒俏冶４嬖诒镜?，只需要用戶(hù)名和性別,如果操作呢？我們可以通過(guò)提供的第二參數搞定,遍歷數據重新提取下即可。

a.傳統方式提取數據思路

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

b.使用stringify的第二參數搞定提取數據

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);
//運行結果	
//[{"name":"悟空","age":30},{"name":"八戒","age":20},{"name":"唐僧","age":30}]

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

當然如果我們要更糾結的處理，比如要把 1,0 修改為男女，那么第二個(gè)參數可以用回調函數來(lái)處理。

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è)參數"吳用"

非常雞肋的一個(gè)參數,基本沒(méi)有用過(guò),看自己的情況!

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
	}
]
*/

不懂請查看api

…

總結

到此這篇關(guān)于JSON.stringify用法的文章就介紹到這了,更多相關(guān)JSON.stringify用法內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！