JSON.stringify()方法时报错 Converting circular structure

最新推荐文章于 2026-05-20 18:33:08 发布
原创 最新推荐文章于 2026-05-20 18:33:08 发布 · 778 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
vue

当前文章被收录于：

vue
34 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了解决对象间属性相互引用导致的问题的方法。通过使用circular-json插件，可以轻松实现对象的解析与反解析，有效避免循环引用带来的困扰。

原因：对象间的属性存在相互引用

解决办法：使用插件 circular-json

npm install circular-json -D

引入：

import CircularJSON from 'circular-json'

两个重要的方法（解析与反解析）：

CircularJSON.parse('转换的值')

CircularJSON.stringify('转换的值')

完美解决！

标签
#json #前端 #vue.js
circular-json-es6:循环JSON.stringify和JSON.parse，用于具有本机ES6 Map的环境
05-14
Circular-json-es6 JSON.stringify和JSON.parse替代品，可以处理循环引用（持久引用结构）。 此实现需要具有本机ES6 Map支持的环境，但要比快得多（请参阅带有npm run bench基准测试）。 var CircularJSON = require ( 'circular-json-es6' ) var obj = { } obj . a = obj var clone = CircularJSON . parse ( CircularJSON . stringify ( obj ) ) clone . a === clone // -> true 笔记 默认的stringify方法可通过首先尝试使用纯JSON.stringify优化无循环引用的情况。 这意味着，如果在数据中未找到循环引用，则它将不会持久存在对同一对象的多个（但非循环）引用。
circle-json：JSON不处理循环引用。 现在可以了
03-01
循环JSON 序列化和反序列化其他有效的JSON对象，这些对象包含与专用JSON格式之间的循环引用。 该模块的未来称为 更小，更快，并能生产平均减小的输出太，是新的，bloatless，ESM和CJS兼容，圆形JSON解析器。 现在已经达到V1，并且实现了完全相同的JSON API。 请注意， CircularJSON仅在维护中，其继承者为 。 一个常见问题的可行解决方案 一个用法示例： var object = { } ; object . arr = [ object , object ] ; object . arr . push ( object . arr ) ; object . obj = object ; var serialized = CircularJSON . stringify ( object ) ; // '{"arr":["~","~","~ar
探索 `circular-json`: 解决JSON循环引用问题的神器
gitblog_00056的博客
04-15 1073
探索 circular-json: 解决JSON循环引用问题的神器 在JavaScript世界里，JSON（JavaScript Object Notation）是一种常见的数据交换格式，但由于其本身的特性，处理包含循环引用的对象时会遇到挑战。不过不用担心，circular-json 这个小巧而强大的库可以帮你解决这个问题。让我们一起深入了解一下它的功能、工作原理和应用场景。 项目简介 是由 We...
WinDiskWriter：如何在Mac上轻松制作Windows启动盘的终极指南
最新发布
gitblog_00194的博客
05-20 576
WinDiskWriter是一款专为macOS用户设计的Windows启动盘制作工具，它解决了在Mac环境下制作Windows安装U盘的核心难题。对于需要在Mac电脑上制作Windows启动盘的用户来说，这款开源工具提供了简单、快速且免费的解决方案，特别支持绕过Windows 11的TPM和安全启动限制。 ## 为什么选择WinDiskWriter制作Windows启动盘？ 在macOS系统上
Circular-Json 深度指南
gitblog_00458的博客
08-10 647
Circular-Json 深度指南 1. 项目介绍 Circular-Json 是一个轻量级的 JavaScript 库，专注于解决在序列化和反序列化 JSON 对象时遇到的循环引用问题。当你试图将含有循环引用的对象转换成 JSON 格式时，JavaScript 的内置 JSON.stringify() 方法会抛出错误。Circular-Json 提供了一种方法来处理这些情况，将循环引用替换为字...
解决JSON.stringify Uncaught (in promise) TypeError: Converting circular structure to JSON
zifengningyu的博客
06-26 1784
circular-json 是一个可以处理 JSON 串中循环引用对象的 npm 包。在前端开发中，有时候会遇到一些复杂的数据结构，其中包含循环引用，而 JSON.stringify() 方法在处理该类数据时会抛出 TypeError 错误。在这种情况下，circular-json 就可以处理了。circular-json 提供了两个主要方法：stringify() 和 parse()。存在循环引用，在将对象进行json序列化的时候就会报错。stringify的对象。
vue2/3：详解报错TypeError: Converting circular structure to JSON（--＞ starting at object with constructor）
✅ 精选推荐文章
11-11 3459
TypeError: Converting circular structure to JSON --> starting at object with constructor，vue2 vue3报错，存在循环引用，vue 路由里关于 TypeError: Converting circular structure to JSON 报错问题，JSON.stringify，JSON.parse，把数组或对象转化成JSON报错，将循环结构转换为JSON，解决Vue报错Converting circular st
TypeError: Converting circular structure to JSON
xiaojinglyd的博客
12-11 2万+
报错： [Vue warn]: Error in nextTick: "TypeError: Converting circular structure to JSON --> starting at object with constructor 'Vue' | property '$options' -> object with constructor 'O...
Error: Converting circular structure to JSON
zssssssss11的博客
07-16 1634
用于解决circular reference error
vue3 - 报错Uncaught (in promise) TypeError: Converting circular structure to JSON --＞ starting at obje
✅ 精选推荐文章
05-22 6821
vue3，报错，json，element-plus，ant design vue，antd，组件报错，vue报错解决，vue3 Uncaught (in promise) TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Object’ | property ‘vnode’ -> object with constructor ‘Object’— property ‘compon
‘Converting circular structure to JSON‘报错的解决方案
ll_883963的博客
05-10 4129
问题描述：项目中需要向后台传字符串，所以需要将对象转化， 但使用JSON.stringify(data)转化时出现了对象存在循环引用的bug,且无法找到是哪里拷贝有问题。 这里使用插件CircularJSON 忽略循环引用强制转化 // 安装 npm install -S circular-json // 引用： import CircularJSON from 'circular-json' // 转化： let data= CircularJSON.stringify(data) let d.
解决TypeError: Converting circular structure to JSON - JSON.stringify报错
qq_17627195的博客
07-07 3万+
在使用JSON.stringify方法去转化成字符串，会报错TypeError: Converting circular structure to JSON 原因： 对象中有对自身的循环引用； 例如： let test = { a: 1, b: 2 }; test.c = test; // 循环引用 JSON.stringify(test); // 报错 解决方法： 下面的 json_str 就是JSON.stringify 转换后的字符串 var cache = []; var json_str =
Uncaught TypeError: Converting circular structure to JSON 解决办法
热门推荐
qq_36657997的博客
07-26 3万+
今天遇到一个问题，使用JSON.stringify()方法时报错  Converting circular structure to JSON 报错的原因在于：  在请求中传递的对象有一个循环引用 例如： var a = {b}; b.parent = a;   只要修改如下，即可解决问题         var cache = [];         var str = JS...
Error in nextTick: “TypeError: Converting circular structure to JSON
JackieDYH的博客
08-09 2962
[Vue warn]: Error in nextTick: "TypeError: Converting circular structure to JSON --> starting at object with constructor 'Vue' | property '$options' -> object with constructor 'Object' | property 'router' -> object with constr...
Converting circular structure to JSON
wuyujin1997的博客
04-30 4160
cause JSON.stringify(obj, ?replacer, ?space) 中的obj如果是一个循环结构就会报下列错误： Converting circular structure to JSON。 resolve 用replacer对需要序列化的成员中的“循环引用”进行过滤。 ...
解决报错TypeError: Converting circular structure to JSON --＞ starting at object with constructor
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-09 1万+
这个错误其实是因为被JSON转化的对象里的子项存在循环引用，JSON转化时其实也是一个深度拷贝的过程，但是。，JSON拷贝转化时会失败，解决方案不止一种，这里讲下我使用的方案。
代码报错 Uncaught TypeError: Converting circular structure to JSON
bao
07-22 4637
Uncaught TypeError: Converting circular structure to JSON
TypeError Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘
Ajekseg的博客
03-12 4575
vue sessionStorage TypeError: Converting circular structure to JSON vue-admin-template顶部网页加载横条特别慢，打开浏览器调试界面，发现报错TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Vue’ ， 定位到permission.js中的代码 sessionStorage.setItem(
关于VUE报错“TypeError: Converting circular structure to JSON“
lwy
07-11 6710
代码报错位置不能显式看到循环引用，因为循环引用的代码不是自己写的，而是框架代码自己实现的，因此发现问题的产生地方更难一点。以下是在 路由中传递使用to from时导致循环引用得问题。翻译过来则是 存在循环引用。
vue ssr 服务端 路由 报错 err= TypeError: Converting circular structure to JSON
YONGEGE
09-08 875
代码： let matched = this.$route.matched.filter(item => item.meta && item.meta.title) matched.map(val => { // 解决方法 val.instances = {} }) // levelList = this.jsons(levelList) this.$store.commit('app.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值