序列化包含循环引用的 JSON

简介

在本实验中，我们将探索如何使用 JavaScript 序列化包含循环引用的 JSON 对象。我们将使用一个自定义替换函数和一个 WeakSet 来检测和省略循环引用。在本实验结束时，你将更好地理解如何在 JavaScript 中处理循环数据结构，以及如何将它们序列化为 JSON 格式。

这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个初级级别的实验，完成率为 100%。获得了学习者 100% 的好评率。

如何序列化包含循环引用的 JSON

要序列化包含循环引用的 JSON 对象，请执行以下步骤：

打开终端/SSH 并输入 node 以开始练习编码。
创建一个 WeakSet，使用 WeakSet.prototype.add() 和 WeakSet.prototype.has() 来存储和检查已见过的值。
将 JSON.stringify() 与一个自定义替换函数一起使用，该函数会忽略 seen 中已有的值，并在必要时添加新值。
⚠️ 注意：此函数会查找并删除循环引用，这会导致序列化的 JSON 中循环数据丢失。

以下是 stringifyCircularJSON 函数的代码：

const stringifyCircularJSON = (obj) => {
  const seen = new WeakSet();
  return JSON.stringify(obj, (key, value) => {
    if (value !== null && typeof value === "object") {
      if (seen.has(value)) return;
      seen.add(value);
    }
    return value;
  });
};

要测试该函数，你可以创建一个具有循环引用的对象并调用 stringifyCircularJSON：

const obj = { n: 42 };
obj.obj = obj;
stringifyCircularJSON(obj); // '{"n": 42}'

总结

恭喜你！你已经完成了“序列化包含循环引用的 JSON”实验。你可以在 LabEx 中练习更多实验来提升你的技能。