createSearchParams - JavaScript

Introduction

createSearchParams is a JavaScript function that allows you to create a URL search params object from an object of key-value pairs. It is a part of the URLSearchParams API introduced in ES6, which allows developers to easily work with URL query parameters.

Syntax

const searchParams = createSearchParams(data)

• data (Object): An object of key-value pairs to be converted into a URLSearchParams object.

Example

Suppose you have an object of user data like this:

const data = { name: 'John Doe', age: 30, gender: 'male' }

You can use createSearchParams to create a URLSearchParams object from this data like this:

const searchParams = createSearchParams(data)

This will give you a URLSearchParams object that looks like this:

name=John%20Doe&age=30&gender=male

You can use this URLSearchParams object to create a URL with query parameters like this:

const url = `https://example.com/user?${searchParams.toString()}`

This will give you a URL that looks like this:

https://example.com/user?name=John%20Doe&age=30&gender=male

Conclusion

createSearchParams is a handy function that makes it easy to create URL search params from an object of key-value pairs. It is a part of the URLSearchParams API, which is a powerful tool for working with URL query parameters in JavaScript.