How to parse url params using queryString or any other method

Question

My question is simple. I know query-string npm do the job, but have the special case. My query params look like this:

params={

foo:'bar',
data:[1,2,3],
data2:[4,5,6]
}

i need output something like ?foo=bar&data=1,2,3&data2=4,5,6

not what done by query-sting. query-sting output it as

?foo=bar&data=1 &data=2&data=3..........

First have you tried anything? Second, do you need those spaces before and after &? — Rajesh Dixit
– Rajesh Dixit, Commented Aug 31, 2017 at 12:32
@Rajesh i try using query-string, with arrayIndex as optional parameter. — Sunil Yadav
– Sunil Yadav, Commented Aug 31, 2017 at 12:35

user2903536 · Accepted Answer · 2017-08-31 14:15:40Z

2

The Problem you are facing can be solved as follow:

const queryString = require('query-string')

const seacrh=queryString.stringify(params)

the above line produce search=?foo=bar&data=1%0C2%0C3&data2=4%0C5%0C6

In order to Remove illogical character, just decode the url using below lines of code

const search1=decodeURIComponent(seacrh);

The decodeURIComponent decode those illogical string.

edited Aug 31, 2017 at 14:15

answered Aug 31, 2017 at 13:02

user2903536

1,81219 silver badges25 bronze badges

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

2 Comments

BotNet Over a year ago

What does a seacrh have to do with this? ^^

user2903536 Over a year ago

@BotNet, ya i know thats unnecessary. I can even write it as :::::::::::: const result =decodeURIComponent(queryString.stringify(params))

Keith · Accepted Answer · 2017-08-31 12:28:32Z

0

The following should do what your after.

I've just used a array.join to get your data= into the correct format..

var params={
  foo:'bar',
  data:[1,2,3],
  data2:[4,5,6]
};

//?foo=bar&data=1,2,3 & data2=4,5,6

console.log(
  `?foo=${params.foo}&data=${params.data.join(',')}&data2=${params.data2.join(',')}`);

answered Aug 31, 2017 at 12:28

Keith

24.4k2 gold badges32 silver badges48 bronze badges

1 Comment

Sunil Yadav Over a year ago

i try this with sth like newdata=params.data.join(','). Then pass newdata as params. eg params={foo:'bar',data:newdata}. But the output is not as expected as it show sth like this. ?foo='bar'&data=1%0C2

b00t · Accepted Answer · 2017-08-31 13:12:06Z

Here's a function that does the tick:

var params = {
  foo:   'bar',
  data:  [1,2,3],
  data2: [4,5,6]
};

function toQuery (params) {
  var queryString = '';
  // Check that we've been suplied with an object.
  if (params.constructor !== Object) {
    return queryString;
  }
  // Iterate over parameters
  for (var param in params) {
    if (!params.hasOwnProperty(param)) {
      continue;
    }
    if (typeof params[param] === 'string' || typeof params[param] === 'number') {
      queryString += '&' + param + '=' + params[param];
    }
    if (params[param].constructor === Array && params[param].length) {
      queryString += '&' + param + '=' + params[param].join(',');
    }
  }
  // Change first '&' to '?'
  if (queryString.length) {
    queryString = '?' + queryString.substring(1);
  }
  // Return the query string, empty string if no usable parameters.
  return queryString;
}

console.log(toQuery(params));

BotNet · Accepted Answer · 2017-08-31 13:22:15Z

0

If you need to build your search:

let params = {
  foo: 'bar',
  data: [1, 2, 3],
  data2: [4, 5, 6]
};

let queryString = Object.keys(params).map(
  key => `${key}=${params[key]}`
).join('&');

console.log(queryString)

the string constructor will automatically comma-delimit the array
this is very elementary and does not include any URI encoding, etc

edited Aug 31, 2017 at 13:22

answered Aug 31, 2017 at 13:08

BotNet

2,8092 gold badges18 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to parse url params using queryString or any other method

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related