convert object to query string javascript code example

Example 1: object to query string javascript

const queryString = Object.keys(params).map(key => {
  encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
}).join('&');

Example 2: javascript object to params string

var queryString = Object.keys(params).map(key => key + '=' + params[key]).join('&');

Example 3: javascript object to query string

function objectToQueryString(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return str.join("&");
}

var person = { first_name : "Marty",last_name : "Mcfly"};
var queryString=objectToQueryString(person); //"first_name=Marty&last_name=Mcfly"

Example 4: javascript convert object to querystring

const queryString = new URLSearchParams(props.location.search);
//or
var queryString = Object.keys(params).map(key => key + '=' + params[key]).join('&');
//Extracting query String key value pairs
for (let param of queryString.entries()) {
      console.log(param);
}

Example 5: object to query string js

const obj = {foo: "hi there", bar: "100%" };
const params = new URLSearchParams(obj).toString();

Example 6: javascript object to query string

queryBuilder = function(obj, prefix) {
  var str = [],
    p;
  for (p in obj) {
    if (obj.hasOwnProperty(p)) {
      var k = prefix ? prefix + "[" + p + "]" : p,
        v = obj[p];
      str.push((v !== null && typeof v === "object") ?
        serialize(v, k) :
        encodeURIComponent(k) + "=" + encodeURIComponent(v));
    }
  }
  return str.join("&");
}

console.log(
serialize({
  foo: "hi there",
  bar: {
    blah: 123,
    quux: [1, 2, 3]
  }
})
);