Как превратить массив в объект, js?

Question

[beefront17]

Добрый день! Подскажите пожалуйста как превратить массив в объект?
Почему не работает такой код?

const toObj = (arr) => {
  let obj = {};
  return arr.forEach((e) => {
   obj = { ...e };
  });
};

Сам массив типа такого

const arr = [
{test: []}
{test2: []}
...
]

нужно такое

const arr = {
test: []
test2: []
...
}

Почему не работает spread operator?

Спасибо!

Answer 1

[Евгений]

Дело в том, что в каждой итерации внутри forEach ты перезаписываешь объект obj полностью (а не расширяешь/дополняешь его), так что в последней итерации в объекте obj будут только те св-ва/значения, которые были у последнего элемента массива. Лучше так:

const toObj = (arr) => arr.reduce((a, b) => ({ ...a, ...b }));

Comments

[beefront17]

Понял, спасибо

Answer 2

[Антон Спирин]

Потому что вы неправильно его используете. Попробуйте так:

const obj = arr.reduce((acc, el) => ({ ...acc, ...el }), {});

Ваш вариант в исправленном виде:

const toObj = arr => {
  let obj = {};

  arr.forEach(el => {
   obj = { ...obj, ...el };
  });

  return obj;
};

Answer 3

[SinGlEBW]

Вот тут оставлю мало ли кому приходиться. Через reduce сложновато для понимания.

const arr = [
    { test: [1] },
    { test2: [2] },
  ];
let obj = {};
arr.forEach((el) => {
    Object.assign(obj,el);
});

console.dir(obj);