Парсинг параметров адресной строки в JavaScript / TypeScript

Чтобы получить в приложении значение переменной QueryString из адресной строки в приложении на JS/TS, можно воспользоваться классом URLSearchParams. Задача актуальна для приложений React, Angular, Vue.

Метод get для объекта класса URLSearchParams возвращает первое значение, соответствующее заданному параметру.

Например, ссылка выглядит так:

https://realdevtips.com/?itemId=6

Код из примера ниже позволит получить значение параметра itemId.

  const urlParams = new URLSearchParams(window.location.search);
	const editId: number = isNaN(parseInt(urlParams.get('editId')??'0')) ? 0 : parseInt(urlParams.get('editId')??'0')