1. 程式人生 > >JSON.stringify()還可以這麽用

JSON.stringify()還可以這麽用

turn typeof found eof 包含 test mon 才會 define

最近做項目的時候遇到一個對象深拷貝的問題,網上看了下發現最為簡便的方法是JSON.stringify(),比如你要深拷貝一個對象,可以這麽做:

var test={
    a:"hello",
    b:"world",
    c:[
        {dd:"css",ee:"cdd"},
        {mm:"ff",nn:"ee"}
    ]
};
var testCopy = JSON.parse(JSON.stringify(test))

這時你對testCopy變量的修改是不會影響到原來的test變量。

然後比較好奇的又去MDN查了下文檔,發現JSON.stringify()還可以傳可選的參數:

技術分享圖片

這裏重點關註第二個參數,可以傳一個函數或者數組。如上面文檔所說,如果該參數是函數的話被序列化的值的每個屬性都會經過該函數的轉換和處理;如果該參數是數組,則只有包含在這個數組中的屬性名才會被序列化到最終的 JSON 字符串中;嗯,感覺挺有用處的:

看例子,傳函數:

比如,你只是想取該對象屬性值為不為字符串的,就可以:

function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;
}

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = JSON.stringify(foo, replacer);

結果為:{"week":45,"month":7}.

傳數組:

JSON.stringify(foo, [‘week‘, ‘month‘]);  
// ‘{"week":45,"month":7}‘, 只保留“week”和“month”屬性值。

這麽一來,我們可以很方便的對一個復雜對象數據進行簡單的過濾篩選,甚至可以省略遍歷屬性的循環取值。

JSON.stringify()還可以這麽用