JSON.stringify()還可以這么用


最近做項目的時候遇到一個對象深拷貝的問題,網上看了下發現最為簡便的方法是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變量。

(注意,該方法有以下幾個問題。

1、會忽略 undefined

2、會忽略 symbol

3、不能序列化函數

4、不能解決循環引用的對象

5、不能正確處理new Date()

6、不能處理正則

然后比較好奇的又去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”屬性值。

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM