詳解如何解決使用JSON.stringify時遇到的循環引用問題

Posted on by

程序員在日常做TypeScript/JavaScript開發時，經常需要將復雜的JavaScript對象通過JSON.stringify序列化成json字符串，保存到本地以便後續具體分析。

然而如果JavaScript對象本身包含循環引用，則JSON.stringify不能正常工作，錯誤消息：

VM415:1 Uncaught TypeError: Converting circular structure to JSON

解決方案，使用下面這段來自這個網站的代碼，定義一個全局cache數組，每當待序列化的JavaScript對象的屬性被遍歷時，將該屬性對應的值存儲到cache數組去。

如果遍歷時發現，有屬性值已經在cache數組裡有值瞭，說明檢測到瞭循環引用，此時直接return退出循環即可。

var cache = [];
var str = JSON.stringify(o, function(key, value) {
  if (typeof value === 'object' && value !== null) {
    if (cache.indexOf(value) !== -1) {
      // 移除
      return;
    }
    // 收集所有的值
    cache.push(value);
  }
  return value;
});
cache = null; // 清空變量，便於垃圾回收機制回收

使用這種辦法，我成功將一個存在循環引用的JavaScript對象序列化成字符串瞭。

到此這篇關於詳解如何解決使用JSON.stringify時遇到的循環引用問題的文章就介紹到這瞭,更多相關JSON.stringify 循環引用內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：