Javascript 使用非捕获组获取查询字符串值

Question

给定这个查询字符串:

?cgan=1&product_cats=mens-jeans,shirts&product_tags=fall,classic-style&attr_color=charcoal,brown&attr_size=large,x-small&cnep=0

我如何从这些参数类型中提取值 'product_cat, product_tag, attr_color, attr_size' 只返回 'mens-jeans,shirts,fall,classic-style,charcoal,棕色，大号，x-小号?

我尝试为参数类型使用非捕获组，为值使用捕获组，但它同时返回了这两者。

(?:product_cats=|product_tags=|attr\w+=)(\w|,|-)+

Answer 1

您可以使用

收集这些值

(?:product_cats|product_tags|attr\w+)=([\w,-]+)

请注意，字符类 ([\w,-]+) 比替代列表 ((\w|,|-)* )，并且我们避免了只捕获最后一个字符的问题。

这是一个代码示例:

var re = /(?:product_cats|product_tags|attr\w+)=([\w,-]+)/g; 
var str = '?cgan=1&product_cats=mens-jeans,shirts&product_tags=fall,classic-style&attr_color=charcoal,brown&attr_size=large,x-small&cnep=0';
var res = [];
while ((m = re.exec(str)) !== null) {
    res.push(m[1]);
}
document.getElementById("res").innerHTML = res.join(",");

<div id="res"/>