Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/04/2019, 15:47
Avatar de Panino5001
Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
Respuesta: Intentando entender un append (JSON)

En cada iteración del bucle sucede esto:

Código:
for (index in monedas){
        //se crea un nodo párrafo que aún no se añade al DOM
	var p = document.createElement("p");
       
       //se crea un nodo de texto con el contenido del elemento del JSON
       //que estemos recorriendo en esta iteración y ese nodo de texto se 
       //agrega al párrafo que aún no hemos agregado al DOM
       p.append(monedas[index].titulo + " - " + monedas[index].year);

       //ahora sí se agrega al DOM el párrafo creado y, como ese párrafo ya tiene
       //dentro un nodo de texto, dicho nodo es agregado al DOM. 
	caja_monedas.append(p);
}
Eso pasa por cada uno de los objetos contenidos en el array monedas.

Para hacerlo más entendible, podemos hacer una analogía: imagina que tienes 3 papeles escritos que debes guardar en 3 carpetas diferentes dentro de un maletín.
Como son 3 papeles y con todos debes hacer casi lo mismo, puedes dividir la tarea en 3 repeticiones (iteraciones o vueltas del bucle). Y en cada repetición buscas 1 carpeta (creación del párrafo), pones dentro de ella uno de los papeles escritos (creas y añades el nodo de texto al párrafo) y finalmente guardas la carpeta dentro del maletín (agregado del párrafo y su contenido al div de id coins).
Cuando termines la tarea tendrás dentro del maletín 3 carpetas cada una de las cuales contiene un papel escrito.
De la misma manera, cuando el bucle for in termine su tarea tendrás dentro del div de id coins tantos párrafos con texto escrito como elementos tenga el array de objetos monedas (en tu ejemplo serían 2 párrafos).

Última edición por Panino5001; 14/04/2019 a las 15:53