詳解如何解決使用JSON.stringify時(shí)遇到的循環(huán)引用問(wèn)題
程序員在日常做TypeScript/JavaScript開(kāi)發(fā)時(shí)，經(jīng)常需要將復(fù)雜的JavaScript對(duì)象通過(guò)JSON.stringify序列化成json字符串，保存到本地以便后續(xù)具體分析。
然而如果JavaScript對(duì)象本身包含循環(huán)引用，則JSON.stringify不能正常工作，錯(cuò)誤消息：
VM415:1 Uncaught TypeError: Converting circular structure to JSON
解決方案，使用下面這段來(lái)自這個(gè)網(wǎng)站的代碼，定義一個(gè)全局cache數(shù)組，每當(dāng)待序列化的JavaScript對(duì)象的屬性被遍歷時(shí)，將該屬性對(duì)應(yīng)的值存儲(chǔ)到cache數(shù)組去。
如果遍歷時(shí)發(fā)現(xiàn)，有屬性值已經(jīng)在cache數(shù)組里有值了，說(shuō)明檢測(cè)到了循環(huán)引用，此時(shí)直接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; // 清空變量，便于垃圾回收機(jī)制回收
使用這種辦法，我成功將一個(gè)存在循環(huán)引用的JavaScript對(duì)象序列化成字符串了。
到此這篇關(guān)于詳解如何解決使用JSON.stringify時(shí)遇到的循環(huán)引用問(wèn)題的文章就介紹到這了,更多相關(guān)JSON.stringify 循環(huán)引用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
分別用marquee和div+js實(shí)現(xiàn)首尾相連循環(huán)滾動(dòng)效果，僅3行代碼
這是本人2007年進(jìn)行的一項(xiàng)研究，當(dāng)時(shí)網(wǎng)絡(luò)上沒(méi)有什么既精簡(jiǎn)又實(shí)用的循環(huán)滾動(dòng)代碼，所以就自己琢磨了段時(shí)間，最終找到這個(gè)辦法2011-09-09
javascript 顯示全局變量與隱式全局變量的區(qū)別
這篇文章主要介紹了javascript 顯示全局變量與隱式全局變量的區(qū)別,需要的朋友可以參考下2017-02-02
js實(shí)現(xiàn)圖片旋轉(zhuǎn) js滾動(dòng)鼠標(biāo)中間對(duì)圖片放大縮小
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片旋轉(zhuǎn),滾動(dòng)鼠標(biāo)中間對(duì)圖片放大縮小等效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)圖片輪播代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
JavaScript數(shù)組去重算法實(shí)例小結(jié)
這篇文章主要介紹了JavaScript數(shù)組去重算法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組去重相關(guān)的讀寫(xiě)、遍歷、比較、排序等操作及算法改進(jìn)相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
JavaScript的數(shù)據(jù)類(lèi)型是非常弱的（不然不會(huì)叫它做弱類(lèi)型語(yǔ)言了）！在使用算術(shù)運(yùn)算符時(shí)，運(yùn)算符兩邊的數(shù)據(jù)類(lèi)型可以是任意的，比如，一個(gè)字符串可以和數(shù)字相加2016-03-03
這篇文章主要介紹了JS實(shí)現(xiàn)清除指定cookies的方法,在web程序設(shè)計(jì)中非常實(shí)用,需要的朋友可以參考下2014-09-09
關(guān)于JavaScript中var聲明變量作用域的推斷
這個(gè)問(wèn)題其實(shí)之前困擾了我很久。如今終于想明白了，特來(lái)分享，如果有錯(cuò)誤的地方，請(qǐng)幫忙指正，我會(huì)隨時(shí)回來(lái)修正滴。2010-12-12
JavaScript實(shí)現(xiàn)跟隨廣告的示例代碼
浮動(dòng)廣告是目前網(wǎng)站很常見(jiàn)的一種廣告形式,浮動(dòng)廣告能實(shí)時(shí)跟隨用戶的瀏覽,有效的傳達(dá)產(chǎn)品要表達(dá)的意思,達(dá)到很好的傳播效果。本文使用JavaScript實(shí)現(xiàn)跟隨廣告的示例代碼，感興趣的可以了解一下2021-11-11