[英]Javascript get query string values using non-capturing group
给定此查询字符串:
?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,brown,large,x-small
?
我尝试将非捕获组用于param类型并仅为值捕获组,但它返回两者。
(?:product_cats=|product_tags=|attr\w+=)(\w|,|-)+
您可以使用收集值
(?: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"/>
您可以使用以下简单的正则表达式:
/&\w+=([\w,-]+)/g
你需要返回捕获组的结果,并将它们与分裂,
。
var mystr="?cgan=1&product_cats=mens-jeans,shirts&product_tags=fall,classic-style&attr_color=charcoal,brown&attr_size=large,x-small&cnep=0
";
var myStringArray = mystr.match(/&\w+=([\w,-]+)/g);
var arrayLength = myStringArray.length-1; //-1 is because of that the last match is 0
var indices = [];
for (var i = 0; i < arrayLength; i++) {
indices.push(myStringArray[i].split(','));
}
您始终可以使用jQuery方法参数 。
就像是
/(?:product_cats|product_tag|attr_color|attr_size)=[^,]+/g
(?:product_cats|product_tag|attr_color|attr_size)
将匹配product_cats
或product_tag
或attr_color
或attr_size)
=
匹配等于
[^,]
否定的字符类匹配比其他任何东西,
。 基本上它匹配到下一个,
测试
string = "?cgan=1&product_cats=mens-jeans,shirts&product_tags=fall,classic-style&attr_color=charcoal,brown&attr_size=large,x-small&cnep=0";
matched = string.match(/(product_cats|product_tag|attr_color|attr_size)=[^,]+/g);
for (i in matched)
{
console.log(matched[i].split("=")[1]);
}
将产生输出
mens-jeans
charcoal
large
不需要正则表达式。 只需使用split
s和join
s。
var s = '?cgan=1&product_cats=mens-jeans,shirts&product_tags=fall,classic-style&attr_color=charcoal,brown&attr_size=large,x-small&cnep=0';
var query = s.split('?')[1],
pairs = query.split('&'),
allowed = ['product_cats', 'product_tags', 'attr_color', 'attr_size'],
results = [];
$.each(pairs, function(i, pair) {
var key_value = pair.split('='),
key = key_value[0],
value = key_value[1];
if (allowed.indexOf(key) > -1) {
results.push(value);
}
});
console.log(results.join(','));
($ .each来自jQuery,但如果jQuery不在,可以轻松替换)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.