qs.stringify() 和 JSON.stringfy 的区别

**QS.stringify() 和 JSON.stringify() 的区别**

在 JavaScript 中，`JSON.stringify()` 和 `qs.stringify()` 是两个常用的函数，用来将 JavaScript 对象转换为字符串。虽然它们都可以用来序列化对象，但它们有着不同的设计目的和使用场景。

### JSON.stringify()

`JSON.stringify()` 是一个用于序列化 JavaScript 对象的内置函数。它会将对象中的所有属性转换为 JSON 格式的字符串，包括原始类型值（如数字、字符串等）和复杂类型值（如数组、对象等）。这个函数主要用于数据交换和存储。

**JSON.stringify() 的特点**

* 支持序列化原始类型值（如数字、字符串等）
* 支持序列化复杂类型值（如数组、对象等）
* 可以指定是否保留空白字符* 可以指定是否使用严格 JSON 格式### qs.stringify()

`qs.stringify()` 是一个用于序列化 URL 查询参数的函数。它会将 JavaScript 对象中的属性转换为 URL 查询参数的字符串，按照标准的 URL 编码规则进行编码。这意味着 `qs.stringify()` 主要用于构造 URL 的查询部分。

**qs.stringify() 的特点**

* 支持序列化对象中的属性* 支持序列化原始类型值（如数字、字符串等）
* 支持序列化复杂类型值（如数组等）
* 可以指定是否使用严格 URL 编码规则###代码示例和注释#### JSON.stringify()

javascript// 使用 JSON.stringify() 序列化对象const obj = {
 name: 'John',
 age:30,
 hobbies: ['reading', 'writing']
};

const jsonStr = JSON.stringify(obj);
console.log(jsonStr); // Output: {"name":"John","age":30,"hobbies":["reading","writing"]}

// 使用 JSON.stringify() 序列化原始类型值const num =123;
const str = 'hello';
const bool = true;

const jsonNum = JSON.stringify(num);
const jsonStr = JSON.stringify(str);
const jsonBool = JSON.stringify(bool);

console.log(jsonNum); // Output: "123"
console.log(jsonStr); // Output: "hello"
console.log(jsonBool); // Output: "true"

// 使用 JSON.stringify() 序列化复杂类型值const arr = [1,2,3];
const obj2 = { foo: 'bar' };

const jsonArr = JSON.stringify(arr);
const jsonObj = JSON.stringify(obj2);

console.log(jsonArr); // Output: "[1,2,3]"
console.log(jsonObj); // Output: "{"foo":"bar"}"

javascript// 使用 qs.stringify() 序列化对象const obj = {
 name: 'John',
 age:30,
 hobbies: ['reading', 'writing']
};

const qsStr = qs.stringify(obj);
console.log(qsStr); // Output: "name=John&age=30&hobbies[]=reading&hobbies[]=writing"

// 使用 qs.stringify() 序列化原始类型值const num =123;
const str = 'hello';
const bool = true;

const qsNum = qs.stringify(num);
const qsStr = qs.stringify(str);
const qsBool = qs.stringify(bool);

console.log(qsNum); // Output: "123"
console.log(qsStr); // Output: "hello"
console.log(qsBool); // Output: "true"

// 使用 qs.stringify() 序列化复杂类型值const arr = [1,2,3];
const obj2 = { foo: 'bar' };

const qsArr = qs.stringify(arr);
const qsObj = qs.stringify(obj2);

console.log(qsArr); // Output: "0=1&1=2&2=3"
console.log(qsObj); // Output: "foo=bar"