javascript 获取url参数的正则表达式(用来获取某个参数值)

获取URL参数一直是前端开发的一个常见操作，JavaScript提供了多种方式来实现获取URL参数的功能，其中正则表达式是较为灵活且简单的一种方式。下面是获取URL参数的正则表达式及相应的代码示例：

正则表达式

以下正则表达式可以用来获取某个参数值：

function getQueryString(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;
}

正则表达式解释

上述正则表达式可以分为三个部分：

1. 参数名前面的开头与&符号之间的字符 (^|&)
2. 参数名
3. 参数值符号(&=)和该参数值的字符 ([^&]*)

使用圆括号将第一个和第三个部分包含起来，是为了从匹配结果中提取参数值。

代码示例1

例如，对于以下URL：http://www.example.com/index.html?name=alice&age=20

我们想要获取name参数的值，可以使用以下代码：

var name = getQueryString('name');
console.log(name); //输出结果为：alice

代码示例2

如果要获取多个参数的值，则可以使用多个正则表达式，例如：

function getQueryString(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;
}

var name = getQueryString('name');
var age = getQueryString('age');
console.log(name); //输出结果为：alice
console.log(age); //输出结果为：20

上述代码中，我们使用了getQuaryString函数获取了name和age参数的值，使用console.log输出结果。