但是 IE6 7 下沒有 JSON 對象,所以要藉助 "json2.js" 來實現。 今天我們來簡單介紹下stringify方法的一些正確使用姿勢吧。 當然,讓高手們賤笑了,本文只是分享一些方法給新手朋友們。 ~~~ var data = [ {name: "王尼瑪", sex:1, age: 30 ...
JSON.stringify() 方法用於將 JavaScript 值轉換為 JSON 字元串。
語法
JSON.stringify(value[, replacer[, space]])
參數說明:
value:
必需, 要轉換的 JavaScript 值(通常為對象或數組)。
replacer:
可選。用於轉換結果的函數或數組。
如果 replacer 為函數,則 JSON.stringify 將調用該函數,並傳入每個成員的鍵和值。使用返回值而不是原始值。如果此函數返回 undefined,則排除成員。根對象的鍵是一個空字元串:""。
如果 replacer 是一個數組,則僅轉換該數組中具有鍵值的成員。成員的轉換順序與鍵在數組中的順序一樣。
space:
可選,文本添加縮進、空格和換行符,如果 space 是一個數字,則返回值文本在每個級別縮進指定數目的空格,如果 space 大於 10,則文本縮進 10 個空格。space 也可以使用非數字,如:\t。
返回值:
返回包含 JSON 文本的字元串。
實例
var str = {"name":"菜鳥教程", "site":"http://www.runoob.com"}
str_pretty1 = JSON.stringify(str)
document.write( "只有一個參數情況:" );
document.write( "<br>" );
document.write("<pre>" + str_pretty1 + "</pre>" );
document.write( "<br>" );
str_pretty2 = JSON.stringify(str, null, 4) //使用四個空格縮進
document.write( "使用參數情況:" );
document.write( "<br>" );
document.write("<pre>" + str_pretty2 + "</pre>" ); // pre 用於格式化輸出
但是 IE6-7 下沒有 JSON 對象,所以要藉助json2.js來實現。
今天我們來簡單介紹下stringify方法的一些正確使用姿勢吧。
當然,讓高手們賤笑了,本文只是分享一些方法給新手朋友們。
var data = [
{name: "王尼瑪", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大錘", sex:1, age: 30}
];
var str_json = JSON.stringify(data);
console.log(str_json);
這個是我們日常用法,非常簡單,對吧。
比如說,我們的數據非常複雜,還有類似頭像,昵稱,個人簽名之類的信息。
可是我保存在本地,只需要用戶名,和性別,腫麽破呢?
也許你會說 so easy, 遍曆數據重新提取下即可。
例如:
var data = [
{name: "王尼瑪", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大錘", sex:1, age: 30}
];
for (var i=0, new_data=[]; i<data.length; i++) {
new_data.push({
name: data[i].name,
sex: data[i].sex
});
}
var str_json = JSON.stringify(new_data);
console.log(str_json);
確實分分鐘搞定。
其實我們只需要用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", "sex"]);
console.log(str_json);
第二個參數只要傳入需要的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 (k, v) {
if (k === "sex") {
return ["女", "男"][v];
}
return v;
});
console.log(str_json);
第二個參數如此強悍,為我們省去了不少麻煩。
還有第三個參數,用於格式化字元串用的。
var data = [
{name: "王尼瑪", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大錘", sex:1, age: 30}
];
var str_json = JSON.stringify(data, null, "\t");
console.log(str_json);
str_json = JSON.stringify(data, ["name", "sex"], "\t");
console.log(str_json);
其實,我覺得這是個非常雞肋的功能,,一般情況下卻是沒啥用。
好了,今天的分享就這些了,希望對新手朋友有所幫助。
參考資料:
JSON.stringify() - JavaScript | MDN
文章來自:
https://www.cnblogs.com/52cik/p/js-json-stringify.html#undefined
https://www.runoob.com/js/javascript-json-stringify.html