詳解如何解決使用JSON.stringify時遇到的循環(huán)引用問題
程序員在日常做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)即可。
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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js對象實例詳解(JavaScript對象深度剖析,深度理解js對象)
下面小編就為大家?guī)硪黄猨s對象實例詳解(JavaScript對象深度剖析,深度理解js對象)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09JS加密插件CryptoJS實現(xiàn)AES加密操作示例
這篇文章主要介紹了JS加密插件CryptoJS實現(xiàn)AES加密操作,結(jié)合實例形式分析了CryptoJS插件的具體設(shè)置與AES加密操作實現(xiàn)技巧,需要的朋友可以參考下2018-08-08權(quán)威JavaScript 中的內(nèi)存泄露模式
權(quán)威JavaScript 中的內(nèi)存泄露模式...2007-08-08基于Particles.js制作超炫粒子動態(tài)背景效果(仿知乎)
本文給大家分享Particles.js基于Canvas畫布創(chuàng)建粒子顆粒效果,代碼非常簡單,需要的朋友參考下吧2017-09-09JS中循環(huán)遍歷數(shù)組的四種方式總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于JS中循環(huán)遍歷數(shù)組的四種方式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01Bootstrap滾動監(jiān)聽(Scrollspy)插件詳解
滾動監(jiān)聽插件是用來根據(jù)滾動條所處在的位置自動更新導(dǎo)航項目, 顯示導(dǎo)航項目高亮顯示。這篇文章主要介紹了Bootstrap滾動監(jiān)聽(Scrollspy)插件的相關(guān)資料,需要的朋友可以參考下2016-04-04自己實現(xiàn)string的substring方法 人民幣小寫轉(zhuǎn)大寫,數(shù)字反轉(zhuǎn),正則優(yōu)化
這是最近碰到的幾個題目,簡單地寫一下我自己的方案,在此分享給大家,也希望能看到大家的方案2012-09-09