JSON.stringify的多種用法

這篇文章主要講解了“JSON.stringify的多種用法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JSON.stringify的多種用法”吧！

前言

用過 json 的應該都知道，把一個對象通過 stringify 之后提交給后臺是很常用的手段。但是 IE6-7 下沒有 JSON 對象，所以要借助json2.js 來實現。

1.經典用法

 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! 這個也是我們最常用的方式

2.復雜數據的提取

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

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

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

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

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.第三個參數"吳用"

非常雞肋的一個參數,基本沒有用過,看自己的情況!

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

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

感謝各位的閱讀，以上就是“JSON.stringify的多種用法”的內容了，經過本文的學習后，相信大家對JSON.stringify的多種用法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！