Как получить значение по ключу при помощи URLSearchParams?

Question

[Надим]

Подскажите, пожалуйста, почему метод get не работает с самым первым ключём после вопросительного знака?

usp = new URLSearchParams('https://qna.habr.com/?test=123&frukt=yabloko');
usp.get('test'); // null
usp.get('frukt'); // yabloko

Answer 1

[0xD34F]

В переданной строке не только параметры - соответственно, разобрана она была неправильно.

Используйте URL вместо URLSearchParams:

const url = new URL('https://qna.habr.com/?test=123&frukt=yabloko');
console.log(url.searchParams.get('test'));

Или вырезайте из строки лишнее:

const str = 'https://qna.habr.com/?test=123&frukt=yabloko';
const usp = new URLSearchParams(str.replace(/^[^?]*\?/, '')); // или str.split('?').pop()
console.log(usp.get('test'));

Comments

[Надим]

Блин, а я и не знал, что URLSearchParams принимает только параметры в чистом рафинированном виде) Почему то всегда думал, что ссылки он тоже жрет и получается, что зря я так думал. Спасибо большое за пояснения) Это решает проблему.

Answer 2

[WbICHA]

https://stackoverflow.com/questions/55103757/urlse...

Грубо говоря, URLSearchParams сплитит по =, поэтому первый ключ ─ это https://qna.habr.com/?test.

Comments

[Надим]

Теперь буду знать в чем дело) Спасибо.