从 jQuery 获取 url 参数函数中理解正则表达式

Question

我已在堆栈溢出中搜索 Javascript 解决方案（在 jQuery 库中）以获取 URL 参数。

我有这个功能可以顺利完成：

// get the firstname value from the myurl - http://mysite.com?firstname=dany&lastname=dughy

var myurl = $("#gup").data("url");
var name = "firstname";

function gup(name, myurl) {
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec(myurl);
    if( results == null )
        return "";
    else
        return results[1];
}

我了解它的工作原理，您设置了一个正则表达式，然后执行该正则表达式并在数组中检索结果。

有人可以向我解释一下正则表达式吗？我似乎无法理解。

泰

Answer 1

让我们用gup("NAME","http://domain.com?NAME=value&name2=value2")调用函数。

function gup(name, myurl) {
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

这条线避开了方括号，因此它在正则表达式查询中运行良好，使"[]" 变为"\\\[\\\]"。

    var regexS = "[\\?&]"+name+"=([^&#]*)";

现在名称被解析以在正则表达式中工作。它看起来像"[\\?&]NAME=([^&#]*)"。

"[\\?&]" 表示找到? 或&。因为? 是一个特殊字符，要匹配文本中的?，您需要像\? 一样对其进行转义，所以这个正则表达式将变为[\?&]，但在javascript 字符串中，您需要再次转义\。所以[\?&] 在字符串中变成"[\\?&]"。

=([^&#]*) 匹配文字 = 后跟除 & 或 # 之外的任何字符。

    var regex = new RegExp( regexS );
    var results = regex.exec(myurl);
    if( results == null )
        return "";
    else
        return results[1];

返回捕获的组，它位于位置 1。位置 0 是整个匹配。

}

函数调用返回value

Answer 2

假设您正在搜索名字，那么正则表达式变为：[\\?&]firstname=([^&#]*)。现在，它的意思是：[\\?&] 搜索任何字符 \、? 或 &，之后有 firstname=，以及 [^&#]* = 除了 & 或 # 之后的任何字符