需要解释 Javascript 正则表达式请求参数解析

Question

例子第一，问题第二……

示例 1) '?sort=alpha&direction=asc' 的非全局匹配

'?sort=alpha&direction=asc'.match(/([^?&=]+)(=([^&]*))?/);

输出：

// ['sort=alpha', 'sort', '=alpha', 'alpha']

示例 2) '?sort=alpha&direction=asc' 的全局匹配

'?sort=alpha&direction=asc'.match(/([^?&=]+)(=([^&]*))?/g);

输出：

// ['sort=alpha', 'sort', '=alpha', 'alpha']

示例 3) '?sort=alpha&direction=asc' 的全局匹配替换

getRequestParameters: function () {
    var query_string = {},
        regex = new RegExp('([^?=&]+)(=([^&]*))?', 'g');

    '?sort=alpha&direction=asc'.replace(regex, function(match, p1, p2, p3, offset, string) {
        console.log(match, p1, p2, p3, offset, string);

        query_string[p1] = p3;
    });
}

输出：

// sort=alpha sort =alpha alpha 1 ?sort=alpha&direction=asc
// direction=asc direction =asc asc 12 ?sort=alpha&direction=asc 

我的问题

我不确定我是否可以自己解决这个问题，但我从来没有“生活”过解决方案，我必须找出原因背后的韵律。我认为“完全足够”理解的具体匹配。我相信我知道下面的一些答案，但我宁愿不做假设并向更聪明的人学习！

1. 为什么 1) 和 2) 相同？ （或者是？）
2. 1) 和 2) 中的 'sort=alpha' 是什么意思？
3. 为什么 2) 不返回排序和方向参数？
4. 3) 使用 .replace() 进行迭代是什么？
5. 有没有办法在不使用 .replace() 的情况下捕获 N 个参数？

谢谢！

更新

var regex = new RegExp('([^?&=]+)(=([^&]*))?');
regex.exec('?sort=alpha&direction=asc');
// Chrome 21 - ["sort=alpha", "sort", "=alpha", "alpha"]

var regex = new RegExp('([^?&=]+)(=([^&]*))?', 'g');
regex.exec('?sort=alpha&direction=asc');
// Chrome 21 - ["sort=alpha", "sort", "=alpha", "alpha"]

'?sort=alpha&direction=asc'.match(/([^?&=]+)(=([^&]*))?/);
// Chrome 21 - ["sort=alpha", "sort", "=alpha", "alpha"]

'?sort=alpha&direction=asc'.match(/([^?&=]+)(=([^&]*))?/g);
// Chrome 21 - ["sort=alpha", "direction=asc"]

var regex = new RegExp('([^?&=]+)(=([^&]*))?', 'g');
regex.lastIndex = 11;
regex.exec('?sort=alpha&direction=asc');
// Chrome 21 - ["direction=asc", "direction", "=asc", "asc"]

总之，示例 3) 仍然正确，但请转到 this answer 以获得更合格的回复。

结束更新

参考并感谢 Steven Benner：

• https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/match
• https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/replace
• http://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/
• http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx（类似的话题，所以我把它扔进去了）

Answer 1

先回答，后提问：

1. 在 Chrome 21 和 Firefox 14 中，["sort=alpha", "direction=asc"] 是 g 版本 - 所以它们根本不一样。
2. match 的第一个返回值是整个匹配的字符串（在这种情况下，一个或多个不是 &、问号或等号的字符可选地后跟一个等号和零个或多个不是和号）。
3. 确实如此（参见第 1 条的答案）- 您在哪个浏览器中运行这些测试？
4. replace 正在遍历它在字符串中找到的每个匹配项。

5. 多次调用exec 或使用现有的正则表达式：

   > '?sort=alpha&direction=asc&another=value'.match(/([^?&=]+)(=([^&]*))?/g);
   ["sort=alpha", "direction=asc", "another=value"]
   

您使用哪种浏览器可以为您提供您为第一个问题提供的结果？