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

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]

Array
  .from(new URLSearchParams(str))
  .reduce((acc, [ k, v ]) => (
    k.endsWith('[]')
      ? (acc[k.slice(0, -2)] ??= []).push(v)
      : acc[k] = v,
    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]

ivan_kholodov, я не против, заменяйте. Вместе с 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,

const params = new URLSearchParams(str);

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

[ivan_kholodov]

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