在前端开发中，经常需要处理 URL 中的查询参数以及生成具有特定查询参数的 URL。而这些工作可以利用 qrystr 这个 npm 包轻松实现。qrystr 是一个用于将 URL 查询字符串解析为对象或将对象序列化为 URL 查询字符串的 Node.js 库。
安装
在使用 qrystr 之前，你需要先安装它。可以使用 npm 包管理工具轻松完成安装：
npm install qrystr
解析 URL 查询参数
qrystr 的主要功能之一是将 URL 查询参数解析为对象。可以使用 qrystr.parse 方法来将 URL 查询参数解析为对象。这个方法接收一个字符串参数，即 URL 查询参数，返回一个对象。
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ----- - ---------------------------------- ----- ------ - -------------------- -------------------- -- ------- -- - -- ----- ------- -- ---- ----- -- ----- ---- ----- -- -
可以看到，qrystr 解析了查询字符串并将其转换为一个对象，并存储在变量 params 中。
序列化对象为查询参数
qrystr 另一个主要功能是将 JavaScript 对象序列化为 URL 查询参数。可以使用 qrystr.stringify 方法将一个对象序列化为URL查询参数。这个方法接收一个对象参数，即要序列化的对象，返回一个字符串，即序列化后的 URL 查询参数。
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ------ - - ----- ------- ---- ----- ----- ---- ----- -- ----- ----- - ------------------------- ------------------- -- ------- -- ------------------------------
qrystr 将 JavaScript 对象序列化并将其转换为一个字符串，并存储在变量 query 中。
URL 查询参数编码
在处理 URL 查询参数时，经常需要进行编码以确保 URL 是有效的。URL 编码是一种将字符串转换为适用于 URL 的格式的技术。qrystr 提供了两种 URL 编码方式：urlencode 和 urldecode。
可以使用 qrystr.urlencode 方法将字符串编码为一个 URL 编码格式的字符串。这个方法接收一个字符串参数，返回一个 URL 编码格式的字符串。
const qrystr = require('qrystr');
const originalStr = 'John Doe&Son';
const encodedStr = qrystr.urlencode(originalStr);
console.log(encodedStr);
// Output:
// John+Doe%26Son可以看到，qrystr 将字符串 John Doe&Son 编码为 John+Doe%26Son。
同时，可以使用 qrystr.urldecode 方法将 URL 编码字符串解码为原始字符串。这个方法接收一个字符串参数，返回一个原始字符串。
const qrystr = require('qrystr');
const encodedStr = 'John+Doe%26Son';
const originalStr = qrystr.urldecode(encodedStr);
console.log(originalStr);
// Output:
// John Doe&Son可以看到，qrystr 将字符串 John+Doe%26Son 解码为 John Doe&Son。
结论
qrystr 这个 npm 包为 URL 查询参数的解析和生成提供了有力的支持。在前端开发过程中，qrystr 可以大大简化 URL 的查询参数处理。本文介绍了 qrystr 包的使用，包括解析 URL 查询参数、序列化对象为查询参数以及 URL 查询参数编码。qrystr 是一个简单易用的 npm 包，可以让你轻松地处理 URL 查询参数，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671181e8991b448e3538