Как красиво достать параметр из урла?

Question

[andrei_pro]

Есть строка вида:
http://site.com/files/image.jpg?id=123
Нужно достать id с работой в старых браузерах.

Есть такой вариант:

const url = new URL('http://site.com/files/image.jpg?id=123')
const {id} = Object.fromEntries([...new URLSearchParams(url.search)])

но Object.fromEntries поддерживается не всеми - не подходит.

Есть такой :

const url = new URL('http://site.com/files/image.jpg?id=123')
const searchParams = [].concat(...[...new URLSearchParams(url.search)])
const id = searchParams.length ? searchParams[1] : null

Слишком сложный какой-то. Есть более простой вариант, обязательно с поддержкой всех браузеров?

Answer 1

[Alex]

url = new URL('http://site.com/files/image.jpg?id=123')
url.searchParams.get('id')

Comments

[Kovalsky]

Так "обязательно с поддержкой всех браузеров" же

[Alex]

Kovalsky, Так вот и я не понял к чему это )) Скажем, chrome v18 не поддерживает URL. Но, автора это не смутило. Как я понял под "все браузеры" подразумевается какая-то определённая выборка.

[andrei_pro]

Alex, я как-то не подумал что URL всеми не поддерживается. На Object.fromEntries ругается Opera 58, на new URL не замечал ошибок. Думаю подойдет данный вариант

[Kovalsky]

andrei_pro, URL+URLSearchParams это значит IE сразу лесом

Answer 2

[Иван Кулаков]

const url = 'https://www.site.com/?id=1&some=asd';
let path = url.replace(/([a-zA-Z0-9_\-\/\:\.]+)\?/, '');
const params = path.split('&').reduce(function(p, e) {
	var a = e.split('=');
	p[decodeURIComponent(a[0])] = decodeURIComponent(a[1]);
	return p;
}, {});

Comments

[Иван Кулаков]

const и let меняем на var и все, кроссбраузерно))