Question

How to convert an object to a query string in TypeScript

Answer 1

const obj = {
    q: 'TypeScript',
    lang: 'en',
    limit: 10
};
 
const queryString = '?' + new URLSearchParams(obj).toString();
 
console.log(queryString); 
 
   
   
   
   
/*
run:
   
?q=TypeScript&lang=en&limit=10
   
*/

 

70+ SQL courses for beginners and professionals

Answer 2

const obj = {
    q: 'TypeScript',
    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=TypeScript&lang=en&limit=10
   
*/

 

70+ SQL courses for beginners and professionals

Answer 3

const obj = {
    q: 'TypeScript',
    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=TypeScript&lang=en&limit=10
   
*/

 

70+ SQL courses for beginners and professionals