在前端开发中，经常会涉及到对 URL 参数的编码和解码，而对于较为复杂的参数，手动编码和解码工作繁琐且容易出错。此时，可以使用 npm 包 encode-uri-query 来简化这一过程。
encode-uri-query 简介
encode-uri-query 是一个 npm 包，用于将一个包含多层嵌套对象的 JavaScript 对象转化为解析 URL 查询字符串时可用的格式，并提供了相应的解码方法。
该包能够处理多层嵌套 JSON 对象，同时支持对象数组和基本数据类型。采用 UTF-8 编码方案，适用于处理大多数国际化字符。
安装
使用 npm 安装：
npm install encode-uri-query
使用示例
编码
-- -------------------- ---- -------
----- ------ - ----------------------------
----- --- - -
----- --------
---- ---
---------- ----------- --------------
-------- -
----- ----------
--------- ---------
--
---------- ----
--
----- -------- - ------------
----------------------
-- ---------------------------------------------------------------------------------------------------------------------------解码
const decode = require('encode-uri-query').decode;
const queryStr = 'name=Alice&age=30&interests[0]=reading&interests[1]=travelling&address.city=Beijing&address.district=Haidian&isStudent=true';
const obj = decode(queryStr);
console.log(obj);输出结果：
-- -------------------- ---- -------
-
----- --------
---- -----
---------- ----------- --------------
-------- -
----- ----------
--------- ---------
--
---------- ----
-注意事项
- 对于数组，使用方括号表示，例如
"interests[0]=reading"； - 对于对象属性，使用点号表示，例如
"address.city=Beijing"； - 使用方式类似于 jQuery 的
$.param()方法。
总结
encode-uri-query 是一个非常实用的 npm 包，能够轻松处理前端开发中常用的 URL 参数编码和解码工作。本文介绍了该包的基本使用方法，并提供了相应的示例代码。希望本文对使用该包的开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e20a563576b7b1ecdb9