JavaScript: pushState replace static value in search string

Question

I've this URL replace query:

window.history.pushState(null, null, window.location.search.replace(/\bcolor=[^&]*/, '$&,Red'));

It works like it should but how can I change the first thing and replace color by a variable do make this dynamically like this way:

var value = 'color';
window.history.pushState(null, null, window.location.search.replace(/\b  var_in_here  =[^&]*/, '$&,' + filter_value.attr('data-value') + ''));

Update

Because of the first answer from Jonas I've tried this here but it don't works:

var re = new RegExp('\b' + name + '=[^&]*');
window.history.pushState(null, null, window.location.search.replace(re, '$&,' + filter_value.attr('data-value') + ''));

This was a follow up question on https://stackoverflow.com/questions/53677336/append-value-to-url-search-param — Jonas Wilms, Dec 07 '18 at 23:20
Yes you are right :) good job! But this is not related to the question. The question was how I can add values. This question is about replacing static regex identifiers by variables. I'm just following the rules. For each topic a new question. — Mr. Jo, Dec 07 '18 at 23:24
yes, this is definetly a new question but others answering should be able to see "the big picture" — Jonas Wilms, Dec 08 '18 at 09:39

score 3 · Accepted Answer · edited Dec 08 '18 at 12:49

3

You could dynamically build up the regex:

 new Regex("\\b" + name + "=[^&]*")

Two \ are needed to get this working.

edited Dec 08 '18 at 12:49

Mr. Jo

4,946
6
41
100

answered Dec 07 '18 at 23:10

Jonas Wilms

132,000
20
149
151

Should I put this into the first part? – Mr. Jo Dec 07 '18 at 23:23
Can you take a look at my question? I've updated it. It don't works this way you told me or is there something wrong in my code again? Thanks! – Mr. Jo Dec 07 '18 at 23:36

JavaScript: pushState replace static value in search string

1 Answers1