Question

How to encode object to URL query string in JavaScript

Answer 1

let obj = {
  id: 383912,
  name: "Albus Dumbledore",
  academicrank: "Professor"
};

querystring = function (obj) {
  let arr = [];
  for (let p in obj)
    if (obj.hasOwnProperty(p)) {
      arr.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return arr.join("&");
}

console.log(querystring(obj));


  
    
    
/*
run:

"id=383912&name=Albus%20Dumbledore&academicrank=Professor"
    
*/

 

70+ SQL courses for beginners and professionals

Answer 2

let obj = {
  id: 383912,
  name: "Albus Dumbledore",
  academicrank: "Professor"
};

const urlsearchparams = new URLSearchParams();

Object.keys(obj).forEach(key => urlsearchparams.append(key, obj[key]));

const querystring = urlsearchparams.toString();

console.log(querystring);


  
    
    
/*
run:

"id=383912&name=Albus+Dumbledore&academicrank=Professor"
    
*/

  

 

70+ SQL courses for beginners and professionals

Answer 3

let obj = {
  id: 383912,
  name: "Albus Dumbledore",
  academicrank: "Professor"
};

const querystring = new URLSearchParams(obj).toString();

console.log(querystring);


  
    
    
/*
run:

"id=383912&name=Albus+Dumbledore&academicrank=Professor"
    
*/

  

 

70+ SQL courses for beginners and professionals