CODEWITHSUNDEEP
javascriptregexreplace
RegExNoob
RegExNoob

Reputation:

How might I perform conditional replacement using JavaScript's RegExp?

I am trying to wrap my head around using regular expressions and replace() with JavaScript, but have not yet been successful

Suppose I have a string containing this:

<img alt="a picture of ..." src="image/1533?foo=1&bar=2$zot=3" width="500" />

If zot=3 I want remove foo (and its value) (or replace foo=x with an empty string).

The replacement would look like this:

<img alt="a picture of ..." src="picture/1533?bar=2$zot=3" width="500" />

I want it to be as bullet-proof as possible as I can never be sure which order the URL parameters will be given in.

Is this possible using a single regex, or are there better solutions?

I was thinking of using DOM and

Of course I have to make sure that any ampersand and so on is removed too.

But I hope to resolve it using a regex or two,

Thanks for any and all answers and advice!

Upvotes: 0

Views: 4255

Answers (3)

ewbi
ewbi

Reputation: 1833

What gnarf said, except that JavaScript doesn't support regex lookbehinds (at least my IE and FF JavaScript implementations don't, or I'm copying and pasting wrong), so I can't test it as written without an exception. So I broke the expression in two to handle the distinct cases of:

1) beginning with ?, in which case ? is preserved but a following & is not, and

2) beginning with &, in which case the leading & is not preserved but a following & is.

While at it, I removed the expectation that foo= will be followed by anything, other than possibly a & starting the next parameter. Note also that there's little forgiveness for whitespace.

el.src = el.src.replace(/(\?)foo=[^&]*&?|&foo=[^&]*(&?)/, '$1$2');

I tested it with these src strings:

"image/1533?foo=1&bar=2$zot=3"
"image/1533?foo=&bar=2$zot=3"
"image/1533?bar=2$zot=3&foo=1"
"image/1533?bar=2$zot=3&foo="
"image/1533?bar=2$zot=3&foo=1&another=123"
"image/1533?bar=2$zot=3&foo=&another=123"

And got these results:

"image/1533?bar=2$zot=3"
"image/1533?bar=2$zot=3"
"image/1533?bar=2$zot=3"
"image/1533?bar=2$zot=3"
"image/1533?bar=2$zot=3&another=123"
"image/1533?bar=2$zot=3&another=123"

Good luck!

Upvotes: 1

gnarf
gnarf

Reputation: 106322

var el = document.getElementsByTagName("img");
for(var i=0;i<el.length;i++)
{
  if(el.src.match(/zot=3/))
    el.src = el.src.replace(/(?<=[?&])foo=[^&]+&?/, '');
}

Untested - but should do what you are looking for.

The regexp:

  • (?<=[?&]) - zero width look behind - match a string starting after a ? or &
  • foo=[^&]+ - match 'foo=' followed by any number of non & characters.
  • &? - optionally match a & if it exists

Replace the matched string with nothing to remove the parameter.

Upvotes: 2

Tolgahan Albayrak
Tolgahan Albayrak

Reputation: 3206

var el = document.getElementsByTagName("img");
for(var i=0;i<el.length;i++)
{
  if(el.src.match(/zot\=3/i))
      el.src=el.src.replace(/foo\=.+?\&/i, "&");
}

Upvotes: 0

Related Questions