Convert a JavaScript object to queryparams string

Emmanuel Gautier / May 16, 2022

1 min read

Converting a JS object to parameters in a URL is a common task for web developers but there are different ways to do it in depending on the context. Let's see two options depending whether your code is running in a browser or on a NodeJS server.

Browser Side Using URLSearchParams API

The URLSearchParams interface is available in the browser. It is used to manipulate the query string of a URL. This API is compatible with all modern browsers including the latest browser versions and excluding Internet Explorer.

Here is an example:

const params = {
  name: 'John',
  age: 30,
}

const qs = new URLSearchParams(params)
console.log(qs.toString())

If you are in the case you need to support Internet Explorer 11 or lower, you can use a URLSearchParams polyfill or the querystringify npm package.

Server Side Using querystring

The querystring module is part of NodeJS built-in modules. It is used to manipulate the query string of a URL as well.

Here is an example:

const querystring = require('querystring')

const params = {
  name: 'John',
  age: 30,
}

const qs = querystring.stringify(params)
console.log(qs)
Share this post
Follow the RSS feed

Subscribe to the newsletter

Get emails from me about web development and a lot of topics related to tech.