程序員在日常做TypeScript/JavaScript開發時,經常需要將復雜的JavaScript對象通過JSON.stringify序列化成json字符串,保存到本地以便后續具體分析。
然而如果JavaScript對象本身包含循環引用,則JSON.stringify不能正常工作,錯誤消息:
VM415:1 Uncaught TypeError: Converting circular structure to JSON
解決方案,使用下面這段來自這個網站的代碼,定義一個全局cache數組,每當待序列化的JavaScript對象的屬性被遍歷時,將該屬性對應的值存儲到cache數組去。
如果遍歷時發現,有屬性值已經在cache數組里有值了,說明檢測到了循環引用,此時直接return退出循環即可。
1
2
3
4
5
6
7
8
9
10
11
12
13
|
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 循環引用內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!
原文鏈接:https://blog.csdn.net/i042416/article/details/113891195