Cómo eliminar un par de valores clave clave en una cadena de consulta sin volver a cargar usando JavaScript

Para una línea rápida y sucia, puedes probar esto:

const remove_query = name => location.href = location.href.split (‘?’) .map ((url, i) =>! i? url: url.split (‘&’) .filter (p =>! p.startsWith (name + ‘=’)) .join (‘&’)) .join (‘?’);

o, alternativamente, algo como esto:

const remove_query = name => location.href = location.href.split (‘?’) .map ((url, i) =>! i? url: url.replace (new RegExp (`& $ {name} = [ ^ &] * | $ {name} = [^ &] * & `), ”)) .join (‘?’);

Puede dividirse en varias líneas. No se lee muy bien en el formato estrecho de Quora. Solo úsalo como una idea. Como se muestra en otra respuesta, también puede usar window.location.search como fuente, pero tendría que modificar un poco el código. Son bastante sencillos pero un poco tontos ya que quería mantenerlos a cada uno en una sola línea. Oye, si tengo que escribir código por diversión y sin fines de lucro, puedo jugar. 🙂 No me gusta que mi código sea más largo de lo necesario, pero estas líneas son un poco densas.

Está bien, me derrumbé. Aquí hay versiones más largas de cada uno:

función más larga (nombre)
{
const [cabeza, cola] = location.href.split (‘?’);

location.href = head + ‘?’ + tail.split (‘&’) .filter (p =>! p.startsWith (name + ‘=’)) .join (‘&’);
}

y el otro

función más larga (nombre)
{
const [cabeza, cola] = location.href.split (‘?’);

location.href = head + ‘?’ + tail.replace (nuevo RegExp (`& $ {name} = [^ &] * | $ {name} = [^ &] * &`), ”);
}

Hay dos porque no puedo decidir cuál me gusta más y no me molesto en cronometrarlos, así que … tú eliges.

Disfrutar.