Question 1

从评论中吊起

2020 评论：我们现在不再使用正则表达式，而是拥有URLSearchParams，它为我们完成了所有这些工作，因此不再需要自定义代码，更不用说正则表达式了。

– Mike 'Pomax' Kamermans

此处列出了浏览器支持https://caniuse.com/#feat=urlsearchparams

我建议使用替代正则表达式，使用子组分别捕获参数的名称和值，并且re.exec()：

function getUrlParams(url) {
  var re = /(?:\?|&(?:amp;)?)([^=&#]+)(?:=?([^&#]*))/g,
      match, params = {},
      decode = function (s) {return decodeURIComponent(s.replace(/\+/g, " "));};

  if (typeof url == "undefined") url = document.location.href;

  while (match = re.exec(url)) {
    params[decode(match[1])] = decode(match[2]);
  }
  return params;
}

var result = getUrlParams("http://maps.google.de/maps?f=q&source=s_q&hl=de&geocode=&q=Frankfurt+am+Main&sll=50.106047,8.679886&sspn=0.370369,0.833588&ie=UTF8&ll=50.116616,8.680573&spn=0.35972,0.833588&z=11&iwloc=addr");

result 是一个对象：

{
  f: "q"
  地理编码：“”
  hl：“德”
  即：“UTF8”
  iwloc：“地址”
  ll：“50.116616,8.680573”
  q：“法兰克福”
  sll：“50.106047,8.679886”
  来源：“s_q”
  spn：“0.35972,0.833588”
  sspn：“0.370369,0.833588”
  z：“11”
}

正则表达式分解如下：

(?: # 非捕获组
  \?|& # "?" 或者 ”＆”
  (?:amp;)? #（允许“&”，用于错误的 HTML 编码 URL）
) # 结束非捕获组
( # 第 1 组
  [^=&#]+ # 除“=”、“&”或“#”之外的任何字符；至少一次
) # end group 1 - 这将是参数的名称
(?: # 非捕获组
  =？# 一个“=”，可选
  ( # 第 2 组
    [^&#]* # 除“&”或“#”之外的任何字符；任意次数
  ) # end group 2 - 这将是参数的值
) # 结束非捕获组

Question 2

您需要使用“g”开关进行全局搜索

var result = mystring.match(/(&|&amp;)?([^=]+)=([^&]+)/g)

Question 3

2020 编辑

使用URLSearchParams，因为这项工作不再需要任何类型的自定义代码。浏览器可以使用单个构造函数为您完成此操作：

const str = "1111342=Adam%20Franco&348572=Bob%20Jones";
const data = new URLSearchParams(str);
for (pair of data) console.log(pair)

产量

Array [ "1111342", "Adam Franco" ]
Array [ "348572", "Bob Jones" ]

所以没有理由再为此使用正则表达式。

原答案

如果你不想依赖运行exec样式匹配带来的“盲匹配” ，JavaScript 确实内置了匹配所有功能，但它是replace函数调用的一部分，当使用“如何处理捕获组”处理函数：

var data = {};

var getKeyValue = function(fullPattern, group1, group2, group3) {
  data[group2] = group3;
};

mystring.replace(/(?:&|&amp;)?([^=]+)=([^&]+)/g, getKeyValue);

完毕。

我们没有使用捕获组处理函数来实际返回替换字符串（对于替换处理，第一个 arg 是完整的模式匹配，随后的 args 是单独的捕获组），我们只是获取组 2 和 3 捕获，并缓存该对。

因此，与其编写复杂的解析函数，还不如记住 JavaScript 中的“matchAll”函数只是用替换处理程序函数“替换”，可以有很多模式匹配效率。

Question 4

对于捕获组，我习惯于preg_match_all在 PHP 中使用，并尝试在此处复制它的功能：

<script>

// Return all pattern matches with captured groups
RegExp.prototype.execAll = function(string) {
    var match = null;
    var matches = new Array();
    while (match = this.exec(string)) {
        var matchArray = [];
        for (i in match) {
            if (parseInt(i) == i) {
                matchArray.push(match[i]);
            }
        }
        matches.push(matchArray);
    }
    return matches;
}

// Example
var someTxt = 'abc123 def456 ghi890';
var results = /[a-z]+(\d+)/g.execAll(someTxt);

// Output
[["abc123", "123"],
 ["def456", "456"],
 ["ghi890", "890"]]

</script>

Question 5

设置g全局匹配的修饰符：

/…/g

Answer 1