Tengo un array de objetos del tipo:
sections = [
{
name: "primero",
videos: []
},
{
name: "segundo",
videos: []
}
]
Lo que pretengo hacer es un recorrido a otro array y si encuentro un objeto cuyo name coincida con alguno de sections, añado el objeto al array videos de la section en cuestión.
El código que tengo es el siguiente:
const getSections = (masterclasses: IMasterclass[]) => {
let sections: ISection[] = [];
masterclasses.forEach((mc) => {
const found = sections.find((e) => e.name === mc.section.name);
console.log(mc.section, found, sections);
if (found !== undefined) {
found.videos.push(mc);
sections = [...sections, found]; // Aquí quiero modificar la sección con el name que he encontrado, pero lo que hace es una copia de todo sections, y al final añade found
} else {
sections.push({
name: mc.section.name,
image: mc.section.image,
videos: [mc],
});
}
});
console.log(sections);
return sections;
};
Ejemplo de uso: Estado inicial:
sections = []
Entra el primero mc al foreach:
mc = {
/* datos varios sobre un vídeo*/
id: 1,
section: {
name: 'Deportes',
}
/* datos varios sobre un vídeo */
}
Pasando el if, sections debería actualizarse a
sections = [
{
name: 'Deportes',
videos: [{
id: 1,
/* Más datos sobre el vídeo */
}]
}
]
Si el segundo objeto del foreach también tiene sección 'Deportes', se añade el vídeo al listado de vídeos de la seccion 'Deportes', sino, se crea la nueva sección con el vídeo en cuestión.