Как правильно из значений query string сформировать объект (native javascript)?

Question

[s24344]

Всем привет. Ребята, подскажите, пожалуйста, как правильно из значений query string сформировать объект (native javascript)?
Например, у меня есть строка, полученная из адресной строки:

https://www.website.ru/catalog/kurtki/?size=41332;43296;44278&brand=13974&consists=14;2

И я хочу получить следующий объект:

const obj = {
  size: [41332, 43296, 44278],
  brand: [13974],
  consists: [14, 2]
}

Comments

[Stalker_RED]

Это конечно круто, что решение вам написали, но не лучше ли формировать ссылки по RFC?

Answer 1

[0xD34F]

const obj = (str
  .match(/\w+=[\d;]+/g) || [])
  .reduce((acc, n) => {
    const [ key, values ] = n.split('=');
    acc[key] = values.split(';').map(Number);
    return acc;
  }, {});

или

const obj = Array
  .from(new URL(str).searchParams)
  .reduce((acc, [ k, v ]) => (
    acc[k] = v.split(';').map(n => +n),
    acc
  ), {});

Answer 2

[Clark Kent]

Можно попробовать использовать JSON для любой структуры данных.
Правда есть ограничение - максимальная длинна URL
Кодировать так:

const baseURL = "https://www.website.ru/catalog/kurtki/?";
const data = {
  size: [41332, 43296, 44278],
  brand: [13974],
  consists: [14, 2]
};
const resultURL = baseURL + "?" + encodeURIComponent(JSON.stringify(data));

Декодировать аналогично:

const params = resultURL.split("?")[1];
const data = JSON.parse(decodeURIComponent(params));

Answer 3

[Алексей Ярков]

https://www.npmjs.com/package/qs