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>