Javascript Javascript正则表达式多重匹配

Javascript Regular Expression multiple match

提问by user815460

I'm trying to use javascript to do a regular expression on a url (window.location.href) that has query string parameters and cannot figure out how to do it. In my case, there is a query string parameter can repeat itself; for example "quality", so here I'm trying to match "quality=" to get an array with the 4 values (tall, dark, green eyes, handsome):

我正在尝试使用 javascript 在具有查询字符串参数的 url (window.location.href) 上执行正则表达式，但无法弄清楚如何去做。就我而言，有一个查询字符串参数可以重复；例如“质量”，所以在这里我尝试匹配“质量=”以获取具有 4 个值（高、黑、绿眼睛、英俊）的数组：

http://www.acme.com/default.html?id=27&quality=tall&quality=dark&quality=green eyes&quality=handsome

回答by alex

You can use a regex to do this.

您可以使用正则表达式来执行此操作。

var qualityRegex = /(?:^|[&;])quality=([^&;]+)/g,
    matches,
    qualities = [];

while (matches = qualityRegex.exec(window.location.search)) {
    qualities.push(decodeURIComponent(matches[1]));   
}

jsFiddle.

js小提琴。

The qualities will be in qualities.

品质将在qualities.

回答by toinetoine

A slight variation of @alex 's answer for those who want to be able to match non-predetermined parameter names in the url.

对于那些希望能够在 url 中匹配非预定参数名称的人，@alex 的答案略有变化。

var getUrlValue = function(name, url) {
  var valuesRegex = new RegExp('(?:^|[&;?])' + name + '=([^&;?]+)', 'g')
  var matches;
  var values = [];

  while (matches = valuesRegex.exec(url)) {
      values.push(decodeURIComponent(matches[1]));   
  }

  return values;
}

var url = 'http://www.somedomain.com?id=12&names=bill&names=bob&names=sally';

// ["bill", "bob", "sally"]
var results = getUrlValue('names', url);

jsFiddle

js小提琴