How can I handle URL parameters in JavaScript?

How can I handle URL parameters in JavaScript?

You can use the URLSearchParams interface to easily work with URL parameters. For example, you can get a parameter value like this: const params = new URLSearchParams(window.location.search); const value = params.get('paramName');.

Can you give me an example of how to use it?

Sure! If your URL is https://example.com/?name=John&age=30, you can retrieve the values like this:

const params = new URLSearchParams(window.location.search);
const name = params.get('name'); // 'John'
const age = params.get('age'); // '30'

What if the parameter doesn't exist?

If the parameter doesn't exist, params.get('paramName') will return null. You can check for this to handle cases where the parameter is missing.

Is there a way to set URL parameters as well?

Yes! You can set parameters by creating a new URL and using the URLSearchParams to append new parameters. For example:

const url = new URL(window.location);
params.append('newParam', 'value');
url.search = params.toString();
window.history.pushState({}, '', url);