How can I manipulate URL parameters in JavaScript?

How can I manipulate URL parameters in JavaScript?

You can use the URL and URLSearchParams interfaces to easily manipulate URL parameters in JavaScript.

Can you show me an example of how to add a parameter?

Sure! You can create a URL object and then use URLSearchParams to append a new parameter like this:

let url = new URL('https://example.com?param1=value1');
let params = new URLSearchParams(url.search);
params.append('param2', 'value2');
url.search = params.toString();
console.log(url.toString()); // Outputs: https://example.com?param1=value1&param2=value2

What if I want to remove a parameter?

You can use the delete method of URLSearchParams to remove a parameter. Here's how:

params.delete('param1');
url.search = params.toString();
console.log(url.toString()); // Outputs: https://example.com?param2=value2