Object.stringify 循环引用 bug & TypeError: Converting circular structure to JSON

[xgqfrms]

TypeError: Converting circular structure to JSON

Object.stringify 循环引用 bug

貌似是 Object.stringify 这个方法打印的 对象存在循环引用的情况；

var obj = {
  a: "foo",
};
// undefined

obj;
//{a: "foo"}

obj.b = obj;
// {a: "foo", b: {…}}

JSON.stringify(obj);

/*
VM205:1 Uncaught TypeError: Converting circular structure to JSON
    --> starting at object with constructor 'Object'
    --- property 'b' closes the circle
    at JSON.stringify (<anonymous>)
    at <anonymous>:1:6
*/

[xgqfrms]

https://stackoverflow.com/questions/11616630/how-can-i-print-a-circular-structure-in-a-json-like-format

[xgqfrms]

Sentry

getsentry/sentry-javascript#1806

https://sentry-circular-issue.stackblitz.io/

[xgqfrms]

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cyclic_object_value

[xgqfrms]

decycle

https://github.com/douglascrockford/JSON-js/blob/master/cycle.js

[xgqfrms]

googleapis/google-api-nodejs-client#983

https://www.freecodecamp.org/forum/t/nodejs-typeerror-converting-circular-structure-to-json/208958

https://community.nodebb.org/topic/13633/typeerror-converting-circular-structure-to-json

[xgqfrms]

nuxt.js & TypeError: Converting circular structure to JSON

nuxt/nuxt#541
https://cmty.app/nuxt/nuxt.js/issues/c466

axios/axios#836 (comment)

const axios = require('axios');
const CircularJSON = require('circular-json');

axios.get(url, config)
.then((response)=>{
  let json = CircularJSON.stringify(response);
  res.send(json);
}).catch((error)=>{
  console.log(error);
});

[xgqfrms]

https://www.cnblogs.com/xgqfrms/p/16010654.html

https://codepen.io/xgqfrms/pen/PobVdxo?editors=1111

JSON.stringify 数据丢失 bug

const ruleForm = {
  testKey1: null,
  testKey2: undefined,
  // ❌  value 是 undefined 的 key 序列化后会被删除掉
  func: function () {
    console.log('function');
  },
  // ❌  value 是 function 的 key 序列化后会被删除掉
  desc: Symbol('symbol'),
  // ❌  value 是 symbol 的 key 序列化后会被删除掉
  testKey3: NaN,
  // ✅ value 是 NaN 的 key 序列化后会被转换成 null
  str: '',
  bool: false,
  arr: [],
  obj: {},
};
console.log(form data =, JSON.stringify(ruleForm, null, 4));

/*

form data = {

"testKey1": null,

"testKey3": null,

// ✅ value 是 NaN 的 key 序列化后会被转换成 null

"str": "",

"bool": false,

"arr": [],

"obj": {}

}

*/