JavaScript 正则表达式解析 URL 查询参数示例

作者:纸飞机

时间:2026-10-27

浏览:283

本文介绍如何使用 JavaScript 的正则表达式配合 replace 方法解析 URL 中的查询参数。通过定义匹配键值对的模式,利用回调函数提取参数名和值并存入对象,最终实现快速获取 URL 参数值的完整示例代码。

具体实现代码如下:

 
JavaScript 正则解析 URL 参数实现首先定义一个包含查询参数的 URL 字符串变量,例如:var url = "http://127.0.0.1/e/action/ShowInfo.php?classid=9&id=2";
接着创建一个名为 parse_url 的函数,用于接收 URL 字符串作为参数。
在函数内部,定义一个正则表达式模式 /(\w+)=(\w+)/ig,用于匹配 URL 中键值对形式的参数。
初始化一个空对象 parames,用于存储解析后的键值对数据。
调用 url 的 replace 方法,传入上述正则表达式和一个回调函数。该回调函数会在每次匹配成功时执行,将匹配到的键和值分别赋值给 parames 对象的对应属性。
这是核心逻辑。当 replace 匹配到类似 classid=9 的片段时,会执行回调函数 function(a, b, c)。其中 a 代表完整匹配串(如 classid=9),b 代表第一个捕获组(即键名 classid),c 代表第二个捕获组(即值 9)。利用反向引用机制,将 parames 对象的键设为 b 的值,值设为 c 的值。随后继续匹配下一个参数,如 id=2,重复上述过程,将 id 设为键,2 设为值。
最后返回包含所有解析结果的 parames 对象。
} 
调用 parse_url 函数处理之前定义的 url 变量,并将返回的对象赋值给 parames 变量。
通过 alert 弹窗打印 parames 对象中特定键(如 classid 和 id)对应的值,以验证解析结果。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章