Доступ к параметрам запроса GET в JavaScript

Современные браузеры предоставляют собственные API для управления URL-адресами и строками запросов. Эти API, включая URL и URLSearchParams, должны быть приоритетными для совместимости с современными браузерами.

Оригинальное решение:

До появления собственных API все параметры запроса GET были доступны через свойство window.location.search. Однако для этого требуется ручной анализ строки запроса. Можно использовать следующую функцию:

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

Эта функция принимает имя параметра GET и возвращает его значение. Если параметр не существует или не имеет значения, он возвращает неопределенное значение.

Пример:

const foo = getQueryParam('foo');

При этом значение параметра GET foo будет присвоено переменной foo.