Как распарсить URL?

Question

[John Johnson]

Есть интернет магазин и страница с товарами, на которой присутствует фильтрация.
Кейс такой: пользователь указывает различную комбинацию фильтров -> кликает применить фильтры и данные по фильтрам сохраняются в строку URL. Вот пример урла:

hsearch/?available=1&status=55395790&country=Russia&menu_id=162&text=sometest&shop=phone&shop=table&shop=tv

Далее нужно взять эту строку и распарсить правильно в объект. Примитивы в примитивы, объекты/массивы собственно в объекты/массивы.

Answer 1

[askhat]

URLSearchParams

Comments

[Михаил]

или вот https://www.npmjs.com/package/qs

Answer 2

[Павел Диденко]

Отличная либа query-string

Answer 3

[profesor08]

function parseUrl(url) {
  const parser = document.createElement("a");

  parser.href = url;

  let props = {};

  parser.search.replace(/^\?/, '').split('&').forEach(item => {
    const [prop, value] = item.split("=");
    props[prop] = value;
  });

  return props;
}

Либо с новым API

function parseUrl(url) {
  const parser = new URL(url);

  let props = {};

  parser.search.replace(/^\?/, '').split('&').forEach(item => {
    const [prop, value] = item.split("=");
    props[prop] = value;
  });

  return props;
}