Javascript map массивы и объединение в один объект

Question

У меня есть следующая функция firebase

  this.sensorService.getTest()
    .snapshotChanges()
    .pipe(
      map(actions =>
        actions.map(a => ({
          [a.payload.key]: a.payload.val()
        })))
    ).subscribe(sensors => {
      this.sensors = sensors;
      console.log(this.sensors);
    });

Теперь он возвращает данные в разные массивы, а console.log показывает следующее:

0: {groups: Array(8)}1: {links: Array(35)}2: {nodes: Array(35)}

Как я могу объединить все эти массивы вместе и поместить их в один объект? Console.log должен вернуть:

{groups: Array(8), nodes: Array(35), links: Array(35)}

Answer 1

Учитывая этот вход:

const values = {
   0: { groups: Array(8) },
   1: { links: Array(35) },
   2: { nodes: Array(35) }
};

Вы можете извлечь значения в виде массива, используя Object.values(), и уменьшить массив до объекта с помощью деструктурированного присваивания :

Object.values(values).reduce((acc, val) => ({ ...acc, ...val }), {})

Answer 2

Вместо map вы можете использовать reduce вот так:

actions.reduce((acc, a) => {
  acc[a.payload.key] = a.payload.val();

  return acc;
}, {})