DEV Community

Emmanuel Gautier
Emmanuel Gautier

Posted on • Originally published at emmanuelgautier.com on

Convert a JavaScript object to queryparams string

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())
Enter fullscreen mode Exit fullscreen mode

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)
Enter fullscreen mode Exit fullscreen mode

Top comments (0)