Vue开发学习笔记:JSON.stringify(object)避免对象的循环引用报错

最新推荐文章于 2025-06-06 14:52:06 发布

原创最新推荐文章于 2025-06-06 14:52:06 发布 · 849 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #JSON #循环引用 #JavaScript

Vue开发学习笔记专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用JSON.stringify()方法，并通过传递一个函数作为第二个参数来避免因对象间存在循环引用而导致的错误。此方法可以确保数据正确转换为JSON字符串。

学习自:https://www.javaroad.cn/questions/146261

1.JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错Uncaught TypeError: Converting circular structure to JSON

var cache=[];
// var tem1=JSON.stringify(dataItem);
//JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错
//Uncaught TypeError: Converting circular structure to JSON
var jsonStr2=JSON.stringify(dataItem,function (key,value) { 
  if(typeof value==="object"&& value!==null&&key!==''){
	if(cache.indexOf(value)!== -1){
	  return;
	}
	cache.push(value);
  }else {
      return value;
  }
  
}) ;
cache=null;//清空变量，便于垃圾回收机制回收