Acceso a los parámetros de solicitud GET en JavaScript

Los navegadores modernos proporcionan API nativas para manipular URL y cadenas de consulta. Estas API, incluidas URL y URLSearchParams, deben tener prioridad para su compatibilidad con los navegadores modernos.

Solución original:

Antes de las API nativas, se podía acceder a todos los parámetros de solicitud GET a través de la propiedad window.location.search. Sin embargo, esto requiere un análisis manual de la cadena de consulta. Se puede utilizar la siguiente función:

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

Esta función toma el nombre de un parámetro GET y devuelve su valor. Si el parámetro no existe o no tiene valor, devuelve indefinido.

Ejemplo:

const foo = getQueryParam('foo');

Esto asignará el valor del parámetro GET foo a la variable foo.