How to Delete a Parameter in JavaScript?

In JavaScript, you can remove a parameter from a URL by manipulating the string value of the URL. Here’s an example of how to delete a parameter from a URL:

var url = "https://www.example.com/?param1=value1&param2=value2&param3=value3";

// Split the URL into its base and query string parts
var parts = url.split("?");
var base = parts[0];
var queryString = parts[1];

// Split the query string into an array of parameter strings
var params = queryString.split("&");

// Find the parameter you want to remove and remove it from the array
var paramToRemove = "param2";
params = params.filter(function(param) {
  return param.split("=")[0] !== paramToRemove;
});

// Reconstruct the query string without the removed parameter
var newQueryString = params.join("&");

// Rebuild the URL with the new query string
var newUrl = base + (newQueryString ? "?" + newQueryString : "");

In this example, we’re starting with a URL that contains three parameters: param1, param2, and param3. We want to remove param2 from the URL.

To do this, we first split the URL into its base and query string parts using the split() method. We then split the query string into an array of parameter strings using the split() method again, this time with the & character as the delimiter.

Next, we use the filter() method to remove the parameter we want to delete from the array. We do this by checking the name of each parameter (which is the part of the string before the = sign) against the name of the parameter we want to remove. If the names don’t match, we keep the parameter in the array.

After removing the parameter, we use the join() method to reconstruct the query string with the remaining parameters. Finally, we rebuild the URL with the new query string using string concatenation. If the new query string is empty, we omit the ? character.