Question

How to convert an object to a query string in JavaScript

Answer 1

const obj = {
  	q: 'JavaScript',
  	lang: 'en',
  	limit: 10
};

const queryString = '?' + new URLSearchParams(obj).toString();

console.log(queryString); 

  
  
  
  
/*
run:
  
"?q=JavaScript&lang=en&limit=10"
  
*/

 

70+ SQL courses for beginners and professionals

Answer 2

const obj = {
  	q: 'JavaScript',
  	lang: 'en',
  	limit: 10
};


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

console.log(`https://seek4info.com?${queryString}`);

  
  
  
  
/*
run:
  
"https://seek4info.com?q=JavaScript&lang=en&limit=10"
  
*/

 

70+ SQL courses for beginners and professionals

Answer 3

const obj = {
  	q: 'JavaScript',
  	lang: 'en',
  	limit: 10
};


const queryString = Object.keys(obj)
    .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)
    .join('&');
    
    
console.log(`https://seek4info.com?${queryString}`);

  
  
  
  
/*
run:
  
"https://seek4info.com?q=JavaScript&lang=en&limit=10"
  
*/

 

70+ SQL courses for beginners and professionals