javascript - 使用正则表达式解析 URL 查询参数

Question

我想使用正则表达式智能地解析 URL 查询参数。

我必须考虑的事情: 1) 参数可能乱序 2)只有某些参数必须匹配

给定一个查询字符串:“?param1=test1¶m2=test2&parm3=test3” 我想运行 javascript 正则表达式来解析 param1 的值和 param3 的值。

到目前为止我想出的正则表达式是:

/(?:[?&](?:param1=([^&]*)|param3=([^&]*)|[^&]*))+$/g

这个正则表达式似乎对我来说在像 https://regex101.com/ 这样的网站上工作得很好。 .

但是，当我运行下面的 JS 方法时，我总是得到 $2 的未定义，这正是 param1 的值应该解析的内容。有什么帮助或建议吗？

"?param1=test1&param2=test2&param3=test3".replace(
/(?:[?&](?:param1=([^&]*)|param3=([^&]*)|[^&]*))+$/g,
 function ($0, $1, $2, $3) { return $0 + ' ' + $1 + ' ' + $2 + ' ' + $3; });

这将返回 $2 作为未定义，并将 $3 作为 test3 返回。但是，如果我从 url 查询字符串中排除 param2 和 param3，我就可以成功地将 param1 解析为 $2。对此有点困惑。

谢谢!

Answer 1

.*parameterName=([^&|\n|\t\s]+)

使用此模式将为您提供一组参数值。 例如对于这个 URL: https://www.youtube.com/watch?v=aiYpDDHKy18&list=RDaiYpDDHKy18&start_radio=1

.*list=([^&|\n|\t\s]+)

将为您带来: 列表 ID:“RDaiYpDDHKy18”

.*start_radio=([^&|\n|\t\s]+)

会给你数字1。