getting the value of query string in javascript

Question

i have a url like this

http://localhost:9001/search_results?r

I'm using querystring to take the value of 'r' like this. (I'm using a react library)

componentDidMount() {

        const parsed = queryString.parse(location.search);
        console.log("Character",parsed);

}

In my log i get a value like {r: null} How can i get only the value of 'r' from this?

there is no value assigned for r, set url like r=something to get the value of r — sanatsathyan
– sanatsathyan, Commented Jan 29, 2018 at 5:48
Possible duplicate of How can I get query string values in JavaScript? — RIYAJ KHAN
– RIYAJ KHAN, Commented Jan 29, 2018 at 5:49
Possible duplicate of Getting query parameters from react-router hash fragment — Mayank Shukla
– Mayank Shukla, Commented Jan 29, 2018 at 5:51

lotyrin · Accepted Answer · 2018-01-29 05:57:43Z

3

Query string parameters may have both keys and values, such as http://localhost:9001/search_results?key1=value1&key2=value2. For this reason, you're being given an object with both keys and their values. ?r is a query string with a key "r" with no value (null), thus {r: null}.

If you want a simple array of the keys, and don't care for the values you can simply use Object.keys() then select the first one:

var parsed = {r: null};

var keys = Object.keys(parsed);

console.log(keys);
console.log(keys[0]);

edited Jan 29, 2018 at 5:57

lotyrin

3031 silver badge8 bronze badges

answered Jan 29, 2018 at 5:50

Blue

23k7 gold badges69 silver badges102 bronze badges

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

Collectives™ on Stack Overflow

getting the value of query string in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related