En la primera línea que das, for(var i=0; i < cartas.length; i=i+1)
su funcionamiento es así: for
es una palabra reservada del lenguaje que espera unos paréntesis en donde definirás cómo se hará el ciclo:
a) primero recibe una inicialización, esto es, defines cómo comenzará el ciclo (var i=0
, declaras una variable i
cuyo valor será 0);
b) en segundo lugar cuál es la condición para que el ciclo pare (i<cartas.length
, esa variable i
tiene que ser menor que la longitud del array cartas
);
c) por último recibe el incremento (i=i+1
indica que cada vez que termine de hacer lo que hay dentro del bloque for
a esa variable i
le sumará 1).
Eso responde también la primera línea del código que pones de ejemplo pero cambiando el arreglo cartas
por el arreglo palos
. La siguiente:
for (var j = 1; j <= 12; j = j + 1)
Indica que inicializarás la variable j
y le asignarás el valor 1
, repetirás el ciclo mientras j
sea menor o igual que (<=
) 12 y el aumento de j
al finalizar la tarea será uno (j=j+1
).
Finalmente,
baraja[baraja.length] = { p: palos[ i ], v: j };
funciona así:
El arreglo baraja
en la posición baraja.length
(la posición en un arreglo la ubicas con los corchetes, []
) será un objeto cuya propiedad p
será lo que contenga el arreglo palos
en la posición i
, así como su propiedad v
será el valor actual de j
.
Por partes:
En JavaScript puedes definir objetos con sólo usar las llaves {}
. Usando esta notación:
{
clave: valor
}
que es a lo que te refieres con los diccionarios. En tu ejemplo:
{
p: palos[i], // posiblemente "Palo"
v: j // posiblemente "Valor"
}
También en JavaScript, puedes agregarle un valor a un arreglo de varias maneras. Para el caso, lo que estás haciendo es así:
Si el arreglo arr
tiene 3 posiciones (["a", "b", "c"]
), su length es 3. Recuerda que sus índices (posiciones) empiezan en 0, por lo tanto arr[0]
= "a"
.
Si le asignas un valor en una posición que no existe (por ejemplo, arr[3]
, recuerda que su último índice es arr[2]
) entonces lo añadirá.
(Recuerda que la comparación es con dos ==
, incluso 3 ===
, mientras que la asignación es con solo uno =
).
Por lo tanto, al usar el nuevo índice baraja.length
estás creando un nuevo elemento en el arreglo, y dicho objeto será un diccionario con un valor para p
y un valor para v
.
La última magia de JavaScript: podrás acceder de dos maneras:
baraja[1]["p"] // "Notación Corchetes"
baraja[1].p // "Notación Punto"