用qs操控URL，轻松实现复杂查询

在 Web 开发中，我们经常需要处理查询字符串。查询字符串是附加在 URL 末尾的一段字符串，它包含了向服务器端传递的参数。比如，我们访问一个带有以下查询字符串的 URL：

https://example.com/search?q=hello+world

这个查询字符串包含了一个参数，参数名是 q，参数值是 hello world。

我们可以在浏览器中使用原生的 URLSearchParams 对象来处理查询字符串。但是，URLSearchParams 对象的使用体验不是很好，因为它不支持嵌套对象，而且它提供的工具函数也很少。

qs 库提供了比 URLSearchParams 对象更好的使用体验。它支持嵌套对象，并提供了一些有用的工具函数，使我们能够更轻松地处理查询字符串。

qs 库的安装非常简单，我们可以使用 npm 或 yarn 来安装它：

npm install qs

yarn add qs

安装好 qs 库后，我们就可以使用它来处理查询字符串了。以下是如何使用 qs 库将一个对象序列化为查询字符串：

const qs = require('qs');

const obj = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'New York',
    state: 'NY'
  }
};

const queryString = qs.stringify(obj);

console.log(queryString);

输出结果：

name=John+Doe&age=30&address%5Bstreet%5D=123+Main+Street&address%5Bcity%5D=New+York&address%5Bstate%5D=NY

如你所见，qs 库将对象序列化为查询字符串时，会将对象的键名和键值进行 URL 编码。

我们还可以使用 qs 库来将查询字符串反序列化为对象：

const qs = require('qs');

const queryString = 'name=John+Doe&age=30&address%5Bstreet%5D=123+Main+Street&address%5Bcity%5D=New+York&address%5Bstate%5D=NY';

const obj = qs.parse(queryString);

console.log(obj);

输出结果：

{
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'New York',
    state: 'NY'
  }
}

如你所见，qs 库将查询字符串反序列化为对象时，会将 URL 编码的键名和键值进行解码。

qs 库还提供了一些有用的工具函数，这些工具函数可以帮助我们更轻松地处理查询字符串。比如，我们可以使用 qs.stringify() 函数来将对象序列化为查询字符串，也可以使用 qs.parse() 函数来将查询字符串反序列化为对象。此外，qs 库还提供了一些其他的工具函数，比如 qs.encode()、qs.decode()、qs.escape() 和 qs.unescape() 等。

qs 库是一个非常强大的查询字符串解析库，它可以帮助我们更轻松地处理查询字符串。qs 库支持嵌套对象，并提供了一些有用的工具函数，使我们能够更轻松地处理查询字符串。