How to get associative array from url query string, javascript

Question

I have url query string

?filter%5B%22customer_rating_heading%22%5D=customer_rating_6_up%2Ccustomer_rating_7_up%2Ccustomer_rating_9_up&map=1

which is

?filter["customer_rating_heading"]=customer_rating_6_up,customer_rating_7_up,customer_rating_9_up&map=1

I want to ask for filter like params.get('filter) and get

[customer_rating_heading => 'customer_rating_6_up,customer_rating_7_up,customer_rating_9_up' //(later I'll make array from this string)

But I don't know how to do this, I tried let query = Object.fromEntries(new URLSearchParams(location.search) but it gives me:

{filter["customer_rating_heading"]: "customer_rating_6_up,customer_rating_7_up,customer_rating_9_up"
map: "1"}

but I can't get filter like query.filter it's always undefined

does anyone know a solution for such problem?

Gh05d · Accepted Answer · 2020-06-02 13:50:16Z

1

You can use URLSearchParams.entries. Here is an example:

let query = new URLSearchParams(location.search);

for(var pair of query.entries()) {
  console.log("Filter:",pair[0]); // "filter['customer_rating_heading']"
  console.log("Result:",pair[1]) // "customer_rating_6_up,customer_rating_7_up,customer_rating_9_up"
}

Here is a codepen for you to try.

answered Jun 2, 2020 at 13:50

Gh05d

9,06211 gold badges42 silver badges84 bronze badges

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

Comments

Alexandre LEROY · Accepted Answer · 2020-06-02 13:28:14Z

1

if you want to access your filter you can use that snippet:

let [filter] = Object.keys(query).map( key => query[key] )

answered Jun 2, 2020 at 13:28

Alexandre LEROY

2,3401 gold badge10 silver badges17 bronze badges

Comments

Isa · Accepted Answer · 2020-06-02 14:06:42Z

1

Solution with "match"

let query = Object.fromEntries(new URLSearchParams(location.search))

let firstKey = Object.keys(query)[0];
let found = firstKey.match(/\[(.*)\]/)[1]

let key = found.replace(/\"/g, '');
let value = query[firstKey];



console.log(`${key} => ${value}`)

answered Jun 2, 2020 at 14:06

Isa

4281 gold badge5 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to get associative array from url query string, javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related