程序員在日常做TypeScript/JavaScript開發(fā)時,經(jīng)常需要將復(fù)雜的JavaScript對象通過JSON.stringify序列化成json字符串,保存到本地以便后續(xù)具體分析。
然而如果JavaScript對象本身包含循環(huán)引用,則JSON.stringify不能正常工作,錯誤消息:
VM415:1 Uncaught TypeError: Converting circular structure to JSON
解決方案,使用下面這段來自這個網(wǎng)站的代碼,定義一個全局cache數(shù)組,每當(dāng)待序列化的JavaScript對象的屬性被遍歷時,將該屬性對應(yīng)的值存儲到cache數(shù)組去。
如果遍歷時發(fā)現(xiàn),有屬性值已經(jīng)在cache數(shù)組里有值了,說明檢測到了循環(huán)引用,此時直接return退出循環(huán)即可。
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 ; // 清空變量,便于垃圾回收機制回收 |
使用這種辦法,我成功將一個存在循環(huán)引用的JavaScript對象序列化成字符串了。
到此這篇關(guān)于詳解如何解決使用JSON.stringify時遇到的循環(huán)引用問題的文章就介紹到這了,更多相關(guān)JSON.stringify 循環(huán)引用內(nèi)容請搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家!
原文鏈接:https://blog.csdn.net/i042416/article/details/113891195