JavaScript JSON.stringify() 方法详解:参数与格式化输出

作者:小满

时间:2026-10-30

浏览:103

本文详解JavaScript中JSON.stringify()方法的用法,涵盖无参及带参两种场景。通过实例展示如何将对象或数组转换为JSON字符串,并重点解析第二个参数过滤键、第三个参数缩进空格在美化输出中的应用,帮助开发者掌握数据序列化的核心技巧。

文章目录

JSON.stringify() 方法

该方法的核心作用是将 JavaScript 数据类型转换为标准的 JSON 字符串格式。

此函数支持接收三个参数:第一个为待序列化的目标值;第二个为可选的过滤器,用于控制序列化过程中的键值处理逻辑;第三个为可选的缩进参数,用于指定输出字符串中的空白字符数量或样式。

无论是 JavaScript 对象还是数组,均可通过此方法转换为对应的 JSON 字符串表示。

JSON.stringify() 不带参数示例

以下展示使用默认无参方式调用的具体代码示例。

let person = {
  "name": "John Doe",
  "age": 32,
  "hobbies": ["reading", "cooking", "swimming"]
};
let personString = JSON.stringify(person);
console.log(personString);
// Output:
// "{"name":"John Doe","age":32,"hobbies":["reading","cooking","swimming"]}"
- 这个示例,很常见,在浏览器打印输出,并想复制出结果到文本编辑器时,经常这么打印。

JSON.stringify() 带参数示例

以下展示包含过滤器和缩进参数的具体代码示例:

const student = {
  name: 'John Doe',
  age: 23,
  hobbies: ['reading', 'swimming', 'hiking']
};
const studentString = JSON.stringify(student, ['name', 'hobbies'], 4);
console.log(studentString);
// 输出:
/*
{
    "name": "John Doe",
    "hobbies": [
        "reading",
        "swimming",
        "hiking"
    ]
}
*/
  • 此示例展示了在开发网站时,通过设置缩进参数实现 JSON 格式化输出的实际应用,便于阅读和调试。

以上即为 JavaScript 中 JSON.stringify() 方法带参与不带参的详细示例解析,更多相关技术内容欢迎查阅本站其他文章。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章