Better way to create query string dynamically [duplicate]

Question

I'm getting a query params object that may look like this:

const queryParams = { status: 'Online', name: 'Jeff', age: '35' }

I need to create a query params string out of it,

Example return value would be:

?status=Online&name=Jeff&age=35&

I wrote this function:

const getParams = (queryParams) => {
  let str = '?'
  for (key in queryParams) {
  if (queryParams[key]) {
    str+= `${key}=${queryParams[key]}&`
   }
  }
  return str
};

Is there a shorter/better way to do it than this function?

Note the second answer in the duplicate is the modern solution: stackoverflow.com/a/53171438/519413 — Rory McCrossan
– Rory McCrossan, Commented Jun 26, 2023 at 15:26
@RoryMcCrossan Although your link links to the answer you mention, which answer is second depends upon the individual users currently selected sort order. — phuzi
– phuzi, Commented Jun 26, 2023 at 15:31
That's true. I assumed the default sort order of highest scoring, but I also made sure to link directly to the answer. — Rory McCrossan
– Rory McCrossan, Commented Jun 26, 2023 at 15:49

jiseon · Accepted Answer · 2023-06-26 15:35:15Z

1

const queryParams = { status: 'Online', name: 'Jeff', age: '35' };

function buildQueryString(params) {
  const queryString = Object.entries(params)
    .map(([key, value]) => `${key}=${value}`)
    .join('&');
  return queryString;
}

const queryString = buildQueryString(queryParams);

edited Jun 26, 2023 at 15:35

answered Jun 26, 2023 at 15:27

jiseon

113 bronze badges

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

Collectives™ on Stack Overflow

Better way to create query string dynamically [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related