Объединение вложенных объектов с одним и тем же ключом в один объект в JavaScript

Question

Это мой массив в JavaScript, я хочу объединить объект учителя ниже, чтобы объединить один объект для дальнейшего выполнения операций.

const data = [
  {
    name: "ab",
    class: 1,
    grade: "A",
    teacher: {
      teacherName: "tab",
      age: 34,
      school: "ab pblc scl"
    }
  },
  {
    name: "cd",
    class: 2,
    grade: "B",
    teacher: {
      teacherName: "efg",
      age: 35,
      school: "cd pblc scl"
    }
  }
];

Это мой ожидаемый результат. Здесь объект учителя объединяется с другими объектами. Любая идея, как я могу это сделать?

const data = [
  {
    name: "ab",
    class: 3,
    grade: "B",
    teacherName: "kio",
    age: 38,
    school: "ab pblc scl"

  },
  {
    name: "de",
    class: 2,
    grade: "B",
    teacherName: "tde",
    age: 36,
    school: "de pblc scl"
   }

 }
];

Любая помощь будет оценена

Answer 1

Вы можете деструктурировать teacher и распространить остальную часть массива с помощью teacher на новый объект.

Методы:

• назначение деструктуры до teacher,

  result = data.map(({ teacher, ...object }) => ({ ...object, ...teacher }));
                     ^ ^^^^^^^            ^
  

• остаток при деструкции объекта для получения всех других свойств,

  result = data.map(({ teacher, ...object }) => ({ ...object, ...teacher }));
                     ^          ^^^^^^^^^ ^
  

• синтаксис распространения ... для получения копий собственных перечислимых свойств объекта

  result = data.map(({ teacher, ...object }) => ({ ...object, ...teacher }));
                                                 ^ ^^^^^^^^^  ^^^^^^^^^^ ^
  

const
    data = [{ name: "ab", class: 1, grade: "A", teacher: { teacherName: "tab", age: 34, school: "ab pblc scl" } }, { name: "cd", class: 2, grade: "B", teacher: { teacherName: "efg", age: 35, school: "cd pblc scl" } }],
    result = data.map(({ teacher, ...object }) => ({ ...object, ...teacher }));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

Вы можете использовать оператор спреда для этого.

const data = [
  {
    name: "ab",
    class: 1,
    grade: "A",
    teacher: {
      teacherName: "tab",
      age: 34,
      school: "ab pblc scl"
    }
  },
  {
    name: "cd",
    class: 2,
    grade: "B",
    teacher: {
      teacherName: "efg",
      age: 35,
      school: "cd pblc scl"
    }
  }
];

const newData = data.map(d => {
  const dClone = Object.assign({},d);
  delete dClone.teacher;
  return {
    ...dClone,
    ...d.teacher
  }
})

console.log(newData);