首页 > 文章 > 前端

JSON.stringify参数详解：替换函数与缩进设置

时间：2025-10-09 10:24:29 330浏览收藏

小伙伴们对文章编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《JSON.stringify的参数包括替换函数、缩进格式和处理循环引用。》，就很适合你，本篇文章讲解的知识点主要包括。在之后的文章中也会多多分享相关知识点，希望对大家的知识积累有所帮助！

JSON.stringify通过replacer过滤内容、space控制格式、toJSON自定义序列化，实现灵活的对象转字符串。

JavaScript中的JSON.stringify有哪些参数可以定制？

JSON.stringify 是 JavaScript 中将对象或值转换为 JSON 字符串的方法，它支持三个参数来定制序列化行为。

第二个参数 replacer 可以是一个函数或数组，用于过滤或修改序列化的结果。

• 如果是函数，它会在序列化过程中被调用，接收两个参数：键（key）和值（value），根据返回值决定如何处理该属性。返回 undefined 表示忽略该属性。 • 如果是数组，则只包含数组中列出的属性名，其他属性会被排除。

示例：

const user = { name: "Alice", age: 25, secret: "123" };

// 使用函数过滤

JSON.stringify(user, (key, value) => key === "secret" ? undefined : value); // {"name":"Alice","age":25}

// 使用数组指定保留字段

JSON.stringify(user, ["name"]); // {"name":"Alice"}

第三个参数 space 用于控制格式化输出的缩进，提升可读性。

• 如果是数字，表示用几个空格进行缩进（最大10）。 • 如果是字符串（最多10个字符），则用该字符串进行缩进。

示例：

JSON.stringify({a:1}, null, 2);

// 格式化输出：

{ "a": 1 }

虽然第一个参数是待序列化的值，但它的类型会影响结果：

• 如果对象有 toJSON 方法，JSON.stringify 会使用该方法的返回值而不是原对象。 • 这提供了一种自定义序列化逻辑的方式。

示例：

const data = { now: new Date(), toJSON() { return { time: this.now.toISOString() }; } };

JSON.stringify(data); // {"time":"2024-01-01T00:00:00.000Z"}

基本上就这些。replacer 控制内容，space 控制格式，toJSON 提供对象级别的自定义。合理使用能让序列化更灵活。

理论要掌握，实操不能落！以上关于《JSON.stringify参数详解：替换函数与缩进设置》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！