Tengo una variedad de objetos como ese
[ { "id":1, "name":"Competition One", "entrants": [ { "id":1, "competitionId":1, "duration":"3 minutes", }, { "id":2, "competitionId":1, "duration":"2 hours", }, ] }, { "id":2, "name":"Competition Two", "entrants": [ { "id":3, "competitionId":2, "duration":"5 hours", }, ] }, ]Lo que estoy tratando de hacer es obtener una matriz plana que contenga solo los participantes, como tal, estoy haciendo esto
const entrants = competitions.flatMap((comp) => { return comp.entrants; });Esto parece hacer el trabajo. ahora tengo lo siguiente
[ { "id":1, "competitionId":1, "duration":"3 minutes", }, { "id":2, "competitionId":1, "duration":"2 hours", }, { "id":3, "competitionId":2, "duration":"5 hours", } ]Sin embargo, lo que no puedo entender es cómo agregar un nuevo campo dentro de los datos anteriores que contenga el nombre de la competencia. Entonces lo que busco es esto
[ { "id":1, "competitionId":1, "name": "Competition One" "duration":"3 minutes", }, { "id":2, "competitionId":1, "name": "Competition One" "duration":"2 hours", }, { "id":3, "competitionId":2, "name": "Competition Two" "duration":"5 hours", } ]¿Cómo se puede lograr esto? Sé cómo hacer esto con bucles convencionales, pero trato de forzarme a mí mismo a aprender la forma de hacer las cosas de ES6. ¿Es aquí donde una reducción podría ser útil?
Cualquier consejo apreciado.
Gracias
Puede usar un mapa anidado y luego fusionar el objeto con la propiedad adicional:
let competitions = [{ "id":1, "name":"Competition One", "entrants": [{"id":1,"competitionId":1,"duration":"3 minutes",},{ "id":2,"competitionId":1,"duration":"2 hours",},]},{"id":2,"name":"Competition Two","entrants": [{"id":3,"competitionId":2,"duration":"5 hours",},]},] let result = competitions.flatMap(({name, entrants}) => entrants.map(entrant => ({name, ...entrant})) ); console.log(result);Usando Array#map para obtener cada lista de entrants con el nombre de la competition correspondiente:
const competitions = [ { "id":1, "name":"Competition One", "entrants": [ { "id":1, "competitionId":1, "duration":"3 minutes" }, { "id":2, "competitionId":1, "duration":"2 hours" } ] }, { "id":2, "name":"Competition Two", "entrants": [ { "id":3, "competitionId":2, "duration":"5 hours" } ] } ]; const entrants = competitions.flatMap(({ name, entrants = [] }) => entrants.map(entrant => ({ ...entrant, name })) ); console.log(entrants);Combine la propiedad de name en comp.entrants al realizar la asignación.
const entrants = competitions.flatMap((comp) => { return {name: comp.name, ...comp.entrants}; });