Получение значений из параметров GET в JavaScript

Зачастую, веб-разработчики сталкиваются с необходимостью получения значений из параметров GET в URL. Допустим, есть адрес вида:

www.example.com/page.html?param1=value1&param2=value2&param3=value3

Задача — извлечь значение параметра param3, которое в данном случае равно value3.

Решение с использованием встроенного API URLSearchParams

Одним из самых простых и эффективных способов извлечения значений параметров GET является использование встроенного API URLSearchParams. Этот API предоставляет удобные методы для работы с параметрами URL.

Вот пример кода, который решает поставленную задачу:

let url = new URL("http://www.example.com/page.html?param1=value1&param2=value2&param3=value3");
let params = new URLSearchParams(url.search);

let param3 = params.get('param3'); // "value3"

В этом примере создается новый объект URL, а затем извлекаются параметры с помощью свойства search. Затем создается объект URLSearchParams, который может прочитать эти параметры. И в конце получаем значение параметра param3 с помощью метода get.

Альтернативное решение без использования URLSearchParams

В случае, если по каким-либо причинам недоступен URLSearchParams, можно воспользоваться следующим подходом:

let url = "http://www.example.com/page.html?param1=value1&param2=value2&param3=value3";
let params = url.split('?')[1].split('&'); 
let param3;

for(let i = 0; i < params.length; i++) {
    let pair = params[i].split('=');
    if(pair[0] == 'param3') {
        param3 = pair[1];
    }
}

Здесь мы разбиваем URL на части, а затем перебираем все пары ключ-значение, ищем нужный ключ и извлекаем его значение.

Оба этих подхода позволяют успешно извлекать значения параметров GET из URL в JavaScript.