Skip to main content
se eliminaron 975 caracteres en el cuerpo
Origen Enlace
const alumnos = [
{
  nombre: "María",
  apellido: "García",
  edad: 18
},
{
  nombre: "Edgar",
  apellido: "Gómez",
  edad: 19
},
{
  nombre: "Greta",
  apellido: "López",
  edad: 18
}
]

con reduce() podemos recorrer cada elemento e indexarlo con un identificador como por ejemplo el nombre y apellido y así buscarlo facilmente.

const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
      //Devuelvo un objeto el cual contiene la copia del acumulador
      ...acum,
      //Entre corchetes creo una nueva 'key' que es con la que puedo identificar mi nuevo arreglo, y al lado dejo el elemento 'elem', u objeto.
      [`${elem.nombre} ${elem.apellido}`]: elem
       
}), {})

Usamos Object.keys() para obtener un array con el identificador o 'keys' que creamos en la listaDeAlumnos

const ids = Object.keys(listaDeAlumnos)

Procedemos a iterar los ids de la lista con el bucle for

for(let i = 0; i < alumnos.length; i++){
   console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
}

Veamos el demo

const alumnos = [{
    nombre: "María",
    apellido: "García",
    edad: 18
  },
  {
    nombre: "Edgar",
    apellido: "Gómez",
    edad: 19
  },
  {
    nombre: "Greta",
    apellido: "López",
    edad: 18
  }
]

//con reduce() podemos recorrer cada elemento e indexarlo con un identificador como por ejemplo el nombre y apellido y así buscarlo facilmente.

const listaDeAlumnos = alumnos.reduce((acum, elem) => ({
  //Devuelvo un objeto el cual contiene la copia del acumulador
  ...acum,
  //Entre corchetes creo una nueva 'key' que es con la que puedo identificar mi nuevo arreglo, y al lado dejo el elemento 'elem', u objeto.
  [`${elem.nombre} ${elem.apellido}`]: elem

}), {})

//Usamos Object.keys() para obtener un array con el identificador o 'keys' que creamos en la listaDeAlumnos

const ids = Object.keys(listaDeAlumnos)

//Procedemos a iterar los ids de la lista con el bucle for

for (let i = 0; i < alumnos.length; i++) {
  console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
}
<head>
    <title>LMI. Exercicis 5.5</title>
    <meta charset="utf-8" />
</head>

<body>
    <div id="demo"></div>

    <script>
        const alumnos = [
        {
         nombre: "María",
         apellido: "García",
         edad: 18
        },
        {
         nombre: "Edgar",
         apellido: "Gómez",
         edad: 19
        },
        {
         nombre: "Greta",
         apellido: "López",
         edad: 18
        }
        ]
        const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
         ...acum,
         [`${elem.nombre} ${elem.apellido}`]: elem

       }), {})

       const ids = Object.keys(listaDeAlumnos)
       
       for(let i = 0; i < alumnos.length; i++){
          console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
       }
       
    </script>
</body>
</html>
 

const alumnos = [
{
  nombre: "María",
  apellido: "García",
  edad: 18
},
{
  nombre: "Edgar",
  apellido: "Gómez",
  edad: 19
},
{
  nombre: "Greta",
  apellido: "López",
  edad: 18
}
]

con reduce() podemos recorrer cada elemento e indexarlo con un identificador como por ejemplo el nombre y apellido y así buscarlo facilmente.

const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
      //Devuelvo un objeto el cual contiene la copia del acumulador
      ...acum,
      //Entre corchetes creo una nueva 'key' que es con la que puedo identificar mi nuevo arreglo, y al lado dejo el elemento 'elem', u objeto.
      [`${elem.nombre} ${elem.apellido}`]: elem
       
}), {})

Usamos Object.keys() para obtener un array con el identificador o 'keys' que creamos en la listaDeAlumnos

const ids = Object.keys(listaDeAlumnos)

Procedemos a iterar los ids de la lista con el bucle for

for(let i = 0; i < alumnos.length; i++){
   console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
}

Veamos el demo

<head>
    <title>LMI. Exercicis 5.5</title>
    <meta charset="utf-8" />
</head>

<body>
    <div id="demo"></div>

    <script>
        const alumnos = [
        {
         nombre: "María",
         apellido: "García",
         edad: 18
        },
        {
         nombre: "Edgar",
         apellido: "Gómez",
         edad: 19
        },
        {
         nombre: "Greta",
         apellido: "López",
         edad: 18
        }
        ]
        const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
         ...acum,
         [`${elem.nombre} ${elem.apellido}`]: elem

       }), {})

       const ids = Object.keys(listaDeAlumnos)
       
       for(let i = 0; i < alumnos.length; i++){
          console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
       }
       
    </script>
</body>
</html>

const alumnos = [{
    nombre: "María",
    apellido: "García",
    edad: 18
  },
  {
    nombre: "Edgar",
    apellido: "Gómez",
    edad: 19
  },
  {
    nombre: "Greta",
    apellido: "López",
    edad: 18
  }
]

//con reduce() podemos recorrer cada elemento e indexarlo con un identificador como por ejemplo el nombre y apellido y así buscarlo facilmente.

const listaDeAlumnos = alumnos.reduce((acum, elem) => ({
  //Devuelvo un objeto el cual contiene la copia del acumulador
  ...acum,
  //Entre corchetes creo una nueva 'key' que es con la que puedo identificar mi nuevo arreglo, y al lado dejo el elemento 'elem', u objeto.
  [`${elem.nombre} ${elem.apellido}`]: elem

}), {})

//Usamos Object.keys() para obtener un array con el identificador o 'keys' que creamos en la listaDeAlumnos

const ids = Object.keys(listaDeAlumnos)

//Procedemos a iterar los ids de la lista con el bucle for

for (let i = 0; i < alumnos.length; i++) {
  console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
}
 

se añadieron 1113 caracteres en el cuerpo
Origen Enlace

Veamos el demo

<head>
    <title>LMI. Exercicis 5.5</title>
    <meta charset="utf-8" />
</head>

<body>
    <div id="demo"></div>

    <script>
        const alumnos = [
        {
         nombre: "María",
         apellido: "García",
         edad: 18
        },
        {
         nombre: "Edgar",
         apellido: "Gómez",
         edad: 19
        },
        {
         nombre: "Greta",
         apellido: "López",
         edad: 18
        }
        ]
        const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
         ...acum,
         [`${elem.nombre} ${elem.apellido}`]: elem

       }), {})

       const ids = Object.keys(listaDeAlumnos)
       
       for(let i = 0; i < alumnos.length; i++){
          console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
       }
       
    </script>
</body>
</html>

Veamos el demo

<head>
    <title>LMI. Exercicis 5.5</title>
    <meta charset="utf-8" />
</head>

<body>
    <div id="demo"></div>

    <script>
        const alumnos = [
        {
         nombre: "María",
         apellido: "García",
         edad: 18
        },
        {
         nombre: "Edgar",
         apellido: "Gómez",
         edad: 19
        },
        {
         nombre: "Greta",
         apellido: "López",
         edad: 18
        }
        ]
        const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
         ...acum,
         [`${elem.nombre} ${elem.apellido}`]: elem

       }), {})

       const ids = Object.keys(listaDeAlumnos)
       
       for(let i = 0; i < alumnos.length; i++){
          console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
       }
       
    </script>
</body>
</html>
Origen Enlace

Podés hacerlo con reduce(), acá te dejo la documentación

const alumnos = [
{
  nombre: "María",
  apellido: "García",
  edad: 18
},
{
  nombre: "Edgar",
  apellido: "Gómez",
  edad: 19
},
{
  nombre: "Greta",
  apellido: "López",
  edad: 18
}
]

con reduce() podemos recorrer cada elemento e indexarlo con un identificador como por ejemplo el nombre y apellido y así buscarlo facilmente.

const listaDeAlumnos = alumnos.reduce((acum, elem) => ({ 
      //Devuelvo un objeto el cual contiene la copia del acumulador
      ...acum,
      //Entre corchetes creo una nueva 'key' que es con la que puedo identificar mi nuevo arreglo, y al lado dejo el elemento 'elem', u objeto.
      [`${elem.nombre} ${elem.apellido}`]: elem
       
}), {})

Usamos Object.keys() para obtener un array con el identificador o 'keys' que creamos en la listaDeAlumnos

const ids = Object.keys(listaDeAlumnos)

Procedemos a iterar los ids de la lista con el bucle for

for(let i = 0; i < alumnos.length; i++){
   console.log(`${listaDeAlumnos[ids[i]].nombre} ${listaDeAlumnos[ids[i]].apellido} ${listaDeAlumnos[ids[i]].edad}`)
}