Regex working in regex tester but not in JS (wrong matches)

Question

this is actually the first time I encounter this problem. I'am trying to parse a string for key value pairs where the seperator can be a different character. It works fine at any regex tester but not in my current JS project. I already found out, that JS regex works different then for example php. But I couldn't find what to change with mine.

My regex is the following:

[(\?|\&|\#|\;)]([^=]+)\=([^\&\#\;]+)

it should match:

#foo=bar#site=test

MATCH 1
1.  [1-4]   `foo`
2.  [5-8]   `bar`
MATCH 2
1.  [9-13]  `site`
2.  [14-18] `test`

and the JS is:

'#foo=bar#site=test'.match(/[(\?|\&|\#|\;)]([^=]+)\=([^\&\#\;]+)/g);

Result:

["#foo=bar", "#site=test"]

For me it looks like the grouping is not working properly. Is there a way around this?

T.J. Crowder · Accepted Answer · 2016-09-26 08:52:22Z

4

String#match doesn't include capture groups. Instead, you loop through regex.exec:

var match;
while (match = regex.exec(str)) {
    // Use each result
}

If (like me) that assignment in the condition bothers you, you can use a !! to make it clearly a test:

var match;
while (!!(match = regex.exec(str))) {
    // Use each result
}

Example:

var regex = /[(\?|\&|\#|\;)]([^=]+)\=([^\&\#\;]+)/g;
var str = '#foo=bar#site=test';
var match;
while (!!(match = regex.exec(str))) {
  console.log("result", match);
}

answered Sep 26, 2016 at 8:52

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Reeno · Accepted Answer · 2016-09-26 09:03:19Z

1

I wouldn't rely on a complex regex which could fail anytime for strange reasons and is hard to read but use simple functions to split the string:

var str = '#foo=bar#site=test'

// split it by # and do a loop
str.split('#').forEach(function(splitted){
    // split by =
    var splitted2 = splitted.split('=');
    if(splitted2.length === 2) {
        // here you have
        // splitted2[0] = foo
        // splitted2[1] = bar
        // and in the next iteration
        // splitted2[0] = site
        // splitted2[1] = test
    }
}

answered Sep 26, 2016 at 9:03

Reeno

5,71511 gold badges40 silver badges52 bronze badges

Collectives™ on Stack Overflow

Regex working in regex tester but not in JS (wrong matches)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related