js中怎么序列化json字符串

Hey小伙伴们，今天来聊聊一个超级实用的技能——如何在JavaScript中序列化JSON字符串，这可是前端开发中的必备技能哦，无论是在处理数据交换还是保存数据时，都会用到它，别急，跟着我一步步来，保证你也能轻松！

我们得知道什么是序列化，序列化就是将数据结构或对象状态转换成可存储或传输的格式的过程，在JavaScript中，我们经常需要将对象转换成JSON字符串，这样就能方便地进行存储或传输。

如何将JavaScript对象转换成JSON字符串呢？这里就不得不提到一个非常强大的函数——JSON.stringify()，这个函数可以将JavaScript值转换成JSON字符串，听起来是不是很神奇？让我们来详细看看它是怎么做到的。

基本用法

假设我们有一个对象，想要将它转换成JSON字符串，代码如下：

const obj = {
  name: "张三",
  age: 30,
  hobbies: ["阅读", "旅行", "编程"]
};
const jsonString = JSON.stringify(obj);
console.log(jsonString);

当你运行这段代码，控制台会输出：

{"name":"张三","age":30,"hobbies":["阅读","旅行","编程"]}

看，一个简单的对象就被转换成了JSON字符串。JSON.stringify()就是这么直接和强大！

了解

不过，JSON.stringify()可不仅仅是这么简单，它还有一些高级用法，

1、美化输出：我们希望输出的JSON字符串更加易读，这时可以传入一个空格或制表符作为第二个参数，代码如下：

const jsonString = JSON.stringify(obj, null, 2);

这里的2表示每个层级缩进两个空格，输出的JSON字符串会更加美观。

2、过滤属性：我们不希望某些属性被序列化到JSON字符串中，这时可以传入一个函数作为第二个参数，代码如下：

const jsonString = JSON.stringify(obj, (key, value) => {
  if (key === 'age') {
    return undefined;
  }
  return value;
});

在这个例子中，age属性会被过滤掉，不会出现在最终的JSON字符串中。

3、循环引用：在JavaScript中，对象可能会形成循环引用，这时候直接使用JSON.stringify()会报错，为了避免这个问题，我们可以在JSON.stringify()的第三个参数中传入一个替换函数，代码如下：

const obj1 = {};
const obj2 = { obj1 };
obj1.obj2 = obj2;
const jsonString = JSON.stringify(obj1, (key, value) => {
  if (typeof value === 'object' && value !== null) {
    if (value === obj1) {
      return 'Circular ~ obj1';
    }
    if (value === obj2) {
      return 'Circular ~ obj2';
    }
  }
  return value;
});

这样，即使对象中有循环引用，也能正常序列化成JSON字符串。