Как сформировать объект в виде ассоциативного массива?

Question

[Евгений]

Здравствуйте. Есть такой объект.

$('.filter').serializeArray()
(6) […]
​
0: Object { name: "filter-name", value: "Исполнитель" }
​
1: Object { name: "operator-select", value: "contains" }
​
2: Object { name: "name-select", value: "1" }
​
3: Object { name: "filter-name", value: "Статус" }
​
4: Object { name: "operator-select", value: "contains" }
​
5: Object { name: "search", value: "sdadasds" }
​
length: 6

Из него хочу сформировать данные таким образом

0: {
                "filter-name": "Исполнитель"
                "name-select": "1"
                "operator-select": "contains"
             },
             1 : {
                "filter-name": "Создан"
                "name-select": "1"
                "operator-select": "contains"
             }

Comments

[Сергей Соколов]

то поле name-select, то search — не видно системы.

[Евгений]

Сергей Соколов, В зависимости от выбранного фильтра поля меняются

[Сергей Соколов]

Евгений, что считать началом полей нового фильтра? Запись с "filter-name" ?

[Евгений]

Сергей Соколов, Да. В каждой форме по 3 элемента. Название поля для сортировки, тип сортировки и сам запрос

Answer 1

[Сергей Соколов]

Если считать «маркером» начала данных нового объекта поле filter-name,
можно вставлять новый пустой объект по такому сигналу
и заполнять поля всегда в последний элемент массива:

arr.reduce((acc, cur) => {
  if (cur.name === 'filter-name') acc.push({});
  acc[acc.length - 1][cur.name] = cur.value;
  return acc;
}, []);

Comments

[Евгений]

Этот вариант даже понятнее чем ответ выше, благодарю за помощь!

Answer 2

[Дмитрий Беляев]

Да. В каждой форме по 3 элемента

const arr = $('.filter').serializeArray();
const result = [];
for(let i = 0; i < arr.length; i += 3) {
  result.push(arr.slice(i, i + 3).reduce((acc, {name, value}) => ({...acc, [name]: value}), {}));
}

Comments

[Евгений]

Спасибо большое, это то что нужно.