How can I separate arrays by nested child objects in javascript?

Question

I would like to separate the nested objects whose condition is courses and take it to the beginning and then relate it to the object to which each course of the following array belongs, I have an idea of how to do it with map, please friends I will thank you in advance

[
   {
      "id":41,
      "escuela_id":1,
      "ciclo":1,
      "descripcion":"Primer ciclo",
      "cursos":[
         {
            "id":1,
            "ciclo_id":41,
            "nombre":"Introducción a la danza",
            "tipo":"obligatorio",
         },
         {
            "id":3,
            "ciclo_id":41,
            "nombre":"Fundamento de la danza",
            "tipo":"obligatorio",
         },

      ],
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA",
      }
   },
   {
      "id":46,
      "escuela_id":1,
      "ciclo":2,
      "descripcion":"Segundo ciclo",
      "cursos":[
        {
            "id":4,
            "ciclo_id":46,
            "nombre":"Danza moderna",
            "tipo":"obligatorio",
         }
      ],
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA",
      }
   }
]

As a result I would like the following array some way to do with map or reduce

[
   {
      "id":1,
      "ciclo_id":41,
      "nombre":"Introducción a la danza",
      "tipo":"obligatorio",
      "ciclo":{
         "id":41,
         "escuela_id":1,
         "ciclo":1,
         "descripcion":"Primer ciclo"
      },
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA"
      }
   },
   {
      "id":3,
      "ciclo_id":41,
      "nombre":"Fundamento de la danza",
      "tipo":"obligatorio",
      "ciclo":{
         "id":41,
         "escuela_id":1,
         "ciclo":1,
         "descripcion":"Primer ciclo"
      },
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA"
      }
   },
   {
      "id":4,
      "ciclo_id":46,
      "nombre":"Danza moderna",
      "tipo":"obligatorio",
      "ciclo":{
         "id":46,
         "escuela_id":1,
         "ciclo":2,
         "descripcion":"Segundo ciclo"
      },
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA"
      }
   }
]

Alex L · Accepted Answer · 2020-06-01 21:29:10Z

We can solve your specific problem like this, with reduce and map. (To make it more generic would be possible, but also add a bit of work.)

const myInput = [
   {
      "id":41,
      "escuela_id":1,
      "ciclo":1,
      "descripcion":"Primer ciclo",
      "cursos":[
         {
            "id":1,
            "ciclo_id":41,
            "nombre":"Introducción a la danza",
            "tipo":"obligatorio",
         },
         {
            "id":3,
            "ciclo_id":41,
            "nombre":"Fundamento de la danza",
            "tipo":"obligatorio",
         },
      ],
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA",
      }
   },
   {
      "id":46,
      "escuela_id":1,
      "ciclo":2,
      "descripcion":"Segundo ciclo",
      "cursos":[
        {
            "id":4,
            "ciclo_id":46,
            "nombre":"Danza moderna",
            "tipo":"obligatorio",
         }
      ],
      "escuela":{
         "id":1,
         "facultad_id":1,
         "nombre":"DANZA",
      }
   }
]

const myOutput = myInput.reduce((aggArr, item) => {
  
  const cursos = item.cursos.map(curso => {
    const tempItem = {...item};
    const tempEscuela = {...tempItem.escuela};
    delete tempItem.cursos;
    delete tempItem.escuela;
    
    return {...curso, 'ciclo': tempItem, 'escuela': tempEscuela};
  })
   
  return [...aggArr, ...cursos]
}, [])

console.log(myOutput)

OUTPUT:

[
  {
    "id": 1,
    "ciclo_id": 41,
    "nombre": "Introducción a la danza",
    "tipo": "obligatorio",
    "ciclo": {
      "id": 41,
      "escuela_id": 1,
      "ciclo": 1,
      "descripcion": "Primer ciclo"
    },
    "escuela": {
      "id": 1,
      "facultad_id": 1,
      "nombre": "DANZA"
    }
  },
  {
    "id": 3,
    "ciclo_id": 41,
    "nombre": "Fundamento de la danza",
    "tipo": "obligatorio",
    "ciclo": {
      "id": 41,
      "escuela_id": 1,
      "ciclo": 1,
      "descripcion": "Primer ciclo"
    },
    "escuela": {
      "id": 1,
      "facultad_id": 1,
      "nombre": "DANZA"
    }
  },
  {
    "id": 4,
    "ciclo_id": 46,
    "nombre": "Danza moderna",
    "tipo": "obligatorio",
    "ciclo": {
      "id": 46,
      "escuela_id": 1,
      "ciclo": 2,
      "descripcion": "Segundo ciclo"
    },
    "escuela": {
      "id": 1,
      "facultad_id": 1,
      "nombre": "DANZA"
    }
  }
]

Collectives™ on Stack Overflow

How can I separate arrays by nested child objects in javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related