How to convert from object to query string in javascript

Question

I am trying to convert values to query string.

var obj = {
  param1: 'test',
  param2: true,
}

var str = "";

for (var key in obj) {
  if (str != "") {
    str += "&";
  }
  str += key + "=" + obj[key];
}

console.log(str);

Expected query string would be like this: test=true.

btw why use " " in query string since it will always be a string when capturng from server side. also the true will also be a string "true" when caught in server — cmgchess
– cmgchess, Commented Aug 7, 2022 at 9:28
Basically, I want to get object values to query string if it's bolean. — Shahaparan
– Shahaparan, Commented Aug 7, 2022 at 9:31
Does this answer your question? Query-string encoding of a Javascript Object — PiFanatic
– PiFanatic, Commented Aug 7, 2022 at 9:32
No, I actually want to get like from { param1: 'test', param2: true, } to value "test=true" — Shahaparan
– Shahaparan, Commented Aug 7, 2022 at 9:37
This seem like an x/y problem. Why does NO have to be in quotes? — Andy
– Andy, Commented Aug 7, 2022 at 9:41

Konrad · Accepted Answer · 2022-08-07 09:31:51Z

2

It would be much easier if you would use objects as intended but:

const obj = {
  param1: 'test',
  param2: 'true',
  param3: 'test2',
  param4: 'NO',
}

const entries = Object.values(obj)

const trueObj = {}
for (let i = 0; i < entries.length; i += 2) {
  trueObj[entries[i]] = entries[i + 1]
}

const params = new URLSearchParams(trueObj)

const queryString = params.toString()

console.log(queryString)

answered Aug 7, 2022 at 9:31

Konrad

24.9k5 gold badges35 silver badges78 bronze badges

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

4 Comments

Shahaparan Over a year ago

my Expected result would be : test=true&test2="NO"

Konrad Over a year ago

How do you distinguish which one should be wrapped in "" if both types are string? Why your object don't look like this: { test: true, test2: 'NO' }

Shahaparan Over a year ago

one would be string and other would-be bolean

Konrad Over a year ago

In your questions both are string, true in javascript is written without quotes

MarkusAfricanus · Accepted Answer · 2022-08-07 09:34:09Z

1

You can use back ticks to insert the quote. You will however, have to write a bit of extra logic in you obj variable to determine which parameters should be passed as a string or just the value.

const string = `"NO"`;
console.log(string)

answered Aug 7, 2022 at 9:34

MarkusAfricanus

1231 gold badge2 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to convert from object to query string in javascript

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related