正则获取URL参数

梦里梦外; 2021-06-26 16:06 457阅读 0赞

## 一 获取指定URL参数 ##

function getUrlParams(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; 
    }
    
    window.location = "http://www.baidu.com?name=elephant&age=25&sex=male";
    var name = getUrlParams("name"); //elephant
    var age = getUrlParams("age");   //25
    var sex = getUrlParams("sex");　//male

首先理解定义的正则表达式，`（^|&）`意思是从头开始匹配字符`&`, `=([^&]*)`意思是匹配`=`后面零个或多个不是`&`的字符，直至碰到第一个`&`为止，`(&|$)`意思就是匹配最后一个`&`，在正则表达式中，增加一个`()`代表着匹配数组中增加一个值, 因此代码中的正则匹配后数组中应包含4个值, 在`getUrlParams("name")`函数中，此时 `r` 获取到的数组应该是 `["name=elephant&", "", "elephant", "&"]`

代码中 `window.location.search` 意思是取`window.location`中 ‘`?`‘后面的值包括’`?`’,因此所得到的值是"`?name=elephant&age=25&sex=male`"

`substr()`这个函数的作用是截取字符串，在代码中`window.location.search.surstr(1)` 意思就是截取第一个字符后面的字符串，所得到的值即是"`name=elephant&age=25&sex=male`"

`unescape`这个函数的作用是解码`escape`编码后的字符串

## 二 获取所有的URL参数 ##

当`replace`匹配到`name=elephant`时.那么就用执行`function(a,b,c);`其中`a`的值为:`name=elephant`,b的值为`name`,c的值为`elephant`;(这是反向引用.因为在定义正则表达式的时候有两个子匹配.)，然后将数组的`key`为`name`的值赋为`elephant`;然后完成.

再继续匹配到`age=25`;此时执行`function(a,b,c)`;其中a的值为:`age=25`,b的值为`age`,c的值为`25`;然后将数组的key为`id`的值赋为`25`.