Regex querystring-like string

Question

Given the following two examples:

'123?type=hand' ===> 'type'

'123?type=hand&status=alive' ===> 'type status'

In english I want: Find the ? and remove everything in front. Find = and remove everything after it until the &.

In the end of the day what I want is just either a string, array, whatever of the actual queryStringVariableNames. Not any of the values.

I think I'm over complexifying it. :)

Here is a couple snippets I have been working with:

var pattern = /\*(\?)|\*(\&)|(\=)\*/ig;
var pattern = /(.+?\?)/g;

str.replace(pattern, function (matcher, positionOfMatch, item) {
            return '';
});

I started using the longform of replace so I could see better what was going on.

EDIT

My exact implementation ended up being the following:

function (str) {
  str = str.substr(str.indexOf('?') + 1);

  return str.split('&')
            .map(function (i) {
               return i.substr(0, i.indexOf('='))
            });
}

Guffa · Accepted Answer · 2015-07-07 19:09:42Z

3

It would be easier to just use string operations instead of regular expressions. This gives you an array with the keys in the string:

var str = '123?type=hand&status=alive';

str = str.substr(str.indexOf('?') + 1);
var keys = str.split('&');
for (var i = 0; i < keys.length; i++) {
  keys[i] = keys[i].substr(0, keys[i].indexOf('='));
}

// Show in StackOverflow snippet
document.write(JSON.stringify(keys));

answered Jul 7, 2015 at 19:09

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

Comments

nicael · Accepted Answer · 2015-07-07 19:06:13Z

1

I'd do it this way:

var result = str.split("?")[1].split("&");

So if your string is 123?foo=bar&one=something&nothing=else, you're getting an array of strings as a result: foo=bar, one=something, nothing=else.

Then the first parameter is accessible by result[0], its key is accessible with result[0].split("=")[0] and its value is accessible with result[0].split("=")[1].

answered Jul 7, 2015 at 19:06

nicael

19.1k13 gold badges65 silver badges93 bronze badges

Comments

anubhava · Accepted Answer · 2015-07-07 19:07:43Z

1

You can use this array and grab captured group #1:

/[?&]([^=]+)/g

RegEx Demo

Code:

var str = '123?type=hand&status=alive';
var re = /[?&]([^=]+)/g; 
var m;
var result = [];

while ((m = re.exec(str)) !== null) {
    if (m.index === re.lastIndex)
        re.lastIndex++;
    result.push(m[1]);
}

console.log(result);
//=> ["type", "status"]

answered Jul 7, 2015 at 19:07

anubhava

790k67 gold badges603 silver badges671 bronze badges

Comments

Mitch · Accepted Answer · 2015-07-07 19:26:08Z

1

You can search for all instances of

(?:\?|&)([^\=]+)(?=\=)

by using the 'g' modifier.

Example:

https://regex101.com/r/mM4lR4/2

answered Jul 7, 2015 at 19:26

Mitch

1,6844 gold badges20 silver badges36 bronze badges

Collectives™ on Stack Overflow

Regex querystring-like string

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related