当前位置：首页 > article >正文

qs.stringify（data）和JSON.stringify（data）的区别

article 2025/1/29 7:42:48

qs.stringify(data) 和 JSON.stringify(data) 是两种不同的序列化方法，它们在处理数据时有各自的特点和用途。以下是它们的主要区别：

1. 功能和用途

JSON.stringify(data)：
- 是 JavaScript 内置的函数，用于将 JavaScript 对象序列化为 JSON 格式的字符串。
- 主要用于将对象或数组转换为文本形式，以便存储或传输。
- 遵循 JSON 标准，只能序列化标准的 JSON 数据类型（如对象、数组、字符串、数字、布尔值等），不能处理函数、undefined、循环引用等。
qs.stringify(data)：
- 是 qs 库提供的方法，qs 是一个流行的 JavaScript 库，专门用于处理 URL 查询字符串。
- 主要用于将对象序列化为 URL 查询字符串格式（即 key=value&key=value 的形式）。
- 适用于构建 URL 的查询参数部分。

2. 输出格式

JSON.stringify(data)：

输出的是 JSON 格式的字符串，例如：

const obj = { name: "Alice", age: 25 };
const jsonString = JSON.stringify(obj); // 输出: '{"name":"Alice","age":25}'

qs.stringify(data)：

输出的是 URL 查询字符串格式，例如：

const obj = { name: "Alice", age: 25 };
const queryString = qs.stringify(obj); // 输出: 'name=Alice&age=25'

3. 处理复杂数据结构

JSON.stringify(data)：
- 可以处理嵌套的对象和数组，并将其转换为嵌套的 JSON 格式。
- 对于循环引用、函数、undefined 等会报错或忽略。

qs.stringify(data)：

可以处理嵌套的对象和数组，但会将其转换为扁平化的查询字符串。例如：

const obj = { user: { name: "Alice", age: 25 }, hobbies: ["reading", "coding"] };
const queryString = qs.stringify(obj); // 输出: 'user[name]=Alice&user[age]=25&hobbies[]=reading&hobbies[]=coding'

4. URL 编码

JSON.stringify(data)：
- 不会对字符串内容进行 URL 编码。
qs.stringify(data)：
- 默认会对字符串内容进行 URL 编码，以确保查询字符串符合 URL 标准。例如：
```
const obj = { name: "Alice & Bob" };
const queryString = qs.stringify(obj); // 输出: 'name=Alice+%26+Bob'
```

5. 应用场景

JSON.stringify(data)：
- 适用于需要将数据以 JSON 格式存储或通过网络传输的场景，例如发送 HTTP 请求的请求体（通常为 application/json 类型）。
qs.stringify(data)：
- 适用于构建 URL 的查询参数部分，例如在 GET 请求中附加查询参数。