Как параметры адресной строки превратить в объект?

Question

[ivan_kholodov]

Есть строка:

let str = '?name[]=Ivan&name[]=Oleg&page=1&number=5';

Надо из неё получить объект:

{
  name: ['Ivan', 'Oleg'],
  page: 1,
  number: 5
}

Из имени параметра name удалены [], значения собрались в массив.

Пробую примерно так:

const regExp = /\[\]$/;
const paramsName = new URLSearchParams(str);
let result = []
  for (const k of paramsName.keys()) {
      if (regExp.test(k)) {
      let one = paramsName.getAll(k);
      k.replace('[]', '');
      result = [ ...result,
      Object.fromEntries(Object.entries(paramsName).map(([key]) => [key: k, one]))]
    } else {
     	let two = paramsName.get(k);
	result = [...result, 
      Object.fromEntries(Object.entries(paramsName).map(([key]) => [key: k, two]))]
    }
  }

Answer 1

[0xD34F]

const obj = [...str.matchAll(/([^?&]+)=([^&]+)/g)]
  .reduce((acc, [ , k, v ]) => (
    k.endsWith('[]')
      ? (acc[k.slice(0, -2)] ??= []).push(v)
      : acc[k] = v,
    acc
  ), {});

или

const params = new URLSearchParams(str);
const reg = /\[\]$/;
const obj = Object.fromEntries(Array.from(
  new Set(params.keys()),
  n => [
    n.replace(reg, ''),
    params[reg.test(n) ? 'getAll' : 'get'](n),
  ]
));

или

const obj = str.split('?').pop().split('&').reduce((acc, n) => {
  let [ k, v ] = n.split('=');
  const isArr = k.slice(-2) === '[]';
  k = k.substring(0, k.length - isArr * 2);
  const target = (isArr ? (acc[k] = acc[k] || []) : acc);
  target[isArr ? target.length : k] = v;
  return acc;
}, {});

Comments

[ivan_kholodov]

0xD34F Спасибо большое! Это действительно работает! Пока разбираюсь в коде, только хочу убрать push ) Нужно подумать как без него, а с помощью всё-таки ES6

[ivan_kholodov]

0xD34F, подскажите пожалуйста где почитать вот за этот оператор ??=, не могу найти информацию?

[0xD34F]

https://developer.mozilla.org/en-US/docs/Web/JavaS...

[ivan_kholodov]

0xD34F, спасибо, почитал, но он не поддерживается IE, нужно заменять его

[ivan_kholodov]

0xD34F, код рабочий, да, но в URLSearchParams сейчас есть много методов для улучшения получения значений и для массивов и для строк/чисел например URLSearchParams.getAll() и URLSearchParams.get().

[0xD34F]

Я не против, заменяйте. Вместе с Array.from, URLSearchParams, стрелочными функциями, endsWith и деструктуризацией - их в IE тоже нет.

[ivan_kholodov]

0xD34F, да, это точно! ))
верней, не работает моя сборка с ??=, IE можно и упустить - не так страшно всё-таки)

[ivan_kholodov]

0xD34F, что-т у меня не получается избавиться от ??=, пробую вот так:

const regExp = /\[\]$/;
const result =	Array
  .from(new URLSearchParams(str))
  .reduce((acc, [ key, value ]) => (
    if(regExp.test(key)) {
       (acc[key.replace('[]', '')]) ? (acc[key.replace('[]', '')]).push(value) : [].push(value)
    } else {
       acc[key] = value
     }
    acc
  ), {})
}

подскажите пожалуйста )

[0xD34F]

обновил ответ

[ivan_kholodov]

0xD34F, Спасибо большое!!