在前端开发中，我们经常需要对 URL 进行操作。而处理 URL 的过程中，一个必不可少的步骤就是将 URL 的参数序列化为字符串，并将字符串反序列化为参数。这时，我们可以使用 npm 包 query-str 来处理 URL 中的查询参数。
安装
使用 npm 命令安装 query-str：
npm install query-str --save
序列化查询参数
query-str 可以将一个包含查询参数的对象序列化为字符串。
-- -------------------- ---- ------- ----- -------- - --------------------- ----- ------ - - ----- ------- ---- --- -- ----- ----------- - --------------------------- ------------------------- -- ----------------
解析查询参数
query-str 也可以将一个查询参数字符串解析为对象。
const queryStr = require('query-str');
const queryString = 'name=Jack&age=18';
const params = queryStr.parse(queryString);
console.log(params); // { name: 'Jack', age: '18' }应用示例
在实际开发中，我们可以将 query-str 应用在 URL 中，用来处理 GET 请求的参数。
-- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
----- ----------------
----------------------
-------
------
------
------ ------------------------
------ ----------- --------- ------------
----
------ ----------------------
------ ------------- -------- -----------
----
------ ------------- ---------------
-------
------- ------------------------
-------
--------- -------------------- ---- -------
-- --------
----- -------- - ---------------------
----- ---- - -------------------------------
------------------------------- --------------- -
-----------------------
----- --------- - --------------------------------
----- -------- - -------------------------------
----- ------ - -
----- ----------------
---- ---------------
--
----- ----------- - ---------------------------
----- --- - -------------------------------------------
-- -- --- --
------------------------ -- -
-------------------- -------------
-------------- -- -
-------------------- ---------
---
---上述示例中，当用户点击提交按钮时，会将表单中的数据序列化为查询参数，并通过 URL 发送 GET 请求。在后台，可以使用 query-str 读取 URL 参数，实现对表单数据的处理。
总结
使用 query-str，我们可以方便地处理 URL 的查询参数。正如上述示例所示，它也可以方便地应用于实际开发中。熟练掌握 query-str 的使用，能够提高前端开发的效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d5081e8991b448db16d