从url中获取参数名为name的参数值

下面代码时从url中获取参数名为name的参数值

//地址是https://editor.csdn.net/md?not_checkout=1&articleId=117411209
var getQuery = function(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
	var r = window.location.search.substr(1).match(reg);
	if (r!=null) return unescape(r[2]); return null
}
getQuery('articleId')  //返回 "117411209"

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
// 变量`r` 返回 `["&articleId=117411209", "&", "117411209", "", index: 14, input: "not_checkout=1&articleId=117411209", groups: undefined]`

（规则不是g的情况）该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。

下面说下一这个正则表达式的含义:

var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”, “i”);

^n 的用法 : 匹配任何开头为n的字符串

"(^|&)"+name 的含义 : 匹配以&name开头 或者 空白name 开头的字符串

(其实|前面有空白也就是什么都没有,也就是通配url中第一个参数或第二个参数的情况)

[^abc]的用法 : 匹配除了abc以外的其他字符

[^&]的含义 : 匹配除了 & 以外的任意字符 (也很好理解,因为一旦出现 & 说明是另一个参数了,所以不能匹配了)

[^&]*的含义 : 匹配任意数量的 除了 & 以外的字符 (也就是说name=后面的值一旦有&则就不向后取值了)

n$ 的用法 : 匹配任何结尾为 n 的字符串

(&|$)的含义 : 匹配任何以 & 结尾 或者 以空白结尾的参数 (也就是说匹配了该参数在中间或者最后一个参数的情况)

([^&]*)(&|$)的含义 : 匹配 & 之外的以任意多个 参数值,一旦遇到 & 或者 空白 就中止

(遇到 & 说明到下一个参数了,也就是该参数在中间的情况,遇到 空白 说明没有值了,也就是该参数为最后一个参数)

最后整个 “(^|&)” + name + "=([^&]*)(&|$)的含义 :

匹配以 &name=开头 或者 name=开头 中间为任意多个除了 & 以外的字符 一旦遇到 & 或者 空白 就中止取值

最后就是第二个参数:

i : 执行对大小写不敏感的匹配

(也就是说 我们要的参数 state 可以匹配 state 或者 STATE 或者 StAtE 等等吧 就是对大小写不敏感)

g : 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）

m : 执行多行匹配

补充 : 创建一个RegExp对象: new RegExp(pattern,attributes);

如果使用new关键字 则会创建一个RegExp对象,如果不使用new关键字则不会创建RegExp对象(直接当做一个正则字符串使用)

ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。