在前端开发中，我们常常需要从 URL 中获取特定的参数值。但是，在 URL 中传递参数时，我们需要对一些特殊字符进行转义处理，比如空格、& 符号等。因此，在获取这些参数时需要进行相应的反转义操作。
转义与反转义
URL 中的参数如果包含了一些特殊字符，就需要将它们进行转义，以避免造成歧义。例如，空格会被转义为 %20，而 & 符号会被转义为 %26。
JavaScript 中提供了两个方法用于 URL 编码和解码：encodeURIComponent() 和 decodeURIComponent()。其中，encodeURIComponent() 方法用于对字符串进行编码，将其中的特殊字符转换为 URL 安全格式；而 decodeURIComponent() 方法则用于对已编码的字符串进行解码。
下面是一个示例：
----- --- - ----------------------------------- -------------- ----- ---------- - ------------------------ ------------------------ -- -------------------------------------------------------------------- ----- ---------- - ------------------------------- ------------------------ -- ------------------------------------- ------------
获取 URL 参数
获取 URL 参数的方法有很多种，下面介绍其中两种比较常见的方法。
1. 使用正则表达式
使用正则表达式可以快速地从 URL 中提取参数。我们可以定义一个函数，将 URL 和参数名作为参数传入，然后通过正则表达式匹配出对应的参数值。
下面是一个示例：
-------- ---------------- ----- -
----- --- - --- ------------------------------------
----- ----- - ---------------
-- ------ --- ----- -
------ -----------------------------
-
------ -----
-
----- --- - ----------------------------------------------------
----- ---- - ---------------- --------
------------------
-- ------- -----
----- --- - ---------------- -------
-----------------
-- -----2. 使用 URLSearchParams 对象
URLSearchParams 对象是一个新的 API，它可以方便地处理 URL 查询参数。我们可以先将 URL 字符串传入 URLSearchParams 构造函数，然后就可以使用一些方法来获取对应的参数值了。
下面是一个示例：
----- --- - ---------------------------------------------------- ----- ------------ - --- ----------------------------------- ----- ---- - ------------------------- ------------------ -- ------- ----- ----- --- - ------------------------ ----------------- -- -----
总结
在前端开发中，获取 URL 参数是非常常见的操作。而在获取参数时，需要注意 URL 中可能存在的转义字符。JavaScript 中提供了 encodeURIComponent() 和 decodeURIComponent() 两个方法用于对字符串进行编码和解码。另外，使用正则表达式和 URLSearchParams 对象也可以方便地从 URL 中获取参数值。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8519