來源 | https://juejin.cn/post/6974554346562256926

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

1、經(jīng)典用法

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

So easy! 這個也是我們最常用的方式

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

比如說，我們的數(shù)據(jù)非常復(fù)雜，還有類似頭像，昵稱，個人簽名之類的信息?？墒俏冶４嬖诒镜?，只需要用戶名和性別,如果操作呢？我們可以通過提供的第二參數(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);//運行結(jié)果  //[{"name":"悟空","age":30},{"name":"八戒","age":20},{"name":"唐僧","age":30}]

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

當(dāng)然如果我們要更糾結(jié)的處理，比如要把 1,0 修改為男女，那么第二個參數(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、第三個參數(shù)"吳用"

非常雞肋的一個參數(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  }]*/

不懂請查看api：developer.mozilla.org/en-US/docs/…

學(xué)習(xí)更多技能

請點擊下方公眾號