3.6. Contadores con "for"
JavaScript
3.6. Contadores con "for"
Existe una tercera forma de comprobar condiciones repetitivas: la orden "for". Internamente, se parece muchísimo a un "while", como veremos en los próximos dos ejemplos, pero se use usar para contar, por analogía con otros lenguajes de programación. Primero veamos esa analogía: en lenguajes como BASIC, se puede contar del 1 al 10 con la orden "FOR X = 1 TO 10", que se podría traducir como "para x que va a tomar valores desde 1 hasta 10". Si queremos avanzar de 2 en 2, sería algo como "FOR X = 1 TO 10 STEP 2". En lenguajes que derivan de C (como es el caso de JavaScript), la sintaxis, aunque recuerda a ésta, es un poco más complicada: la orden "for" tendrá 3 partes, separadas por "punto y coma":
- La primera parte dará un valor incial a una variable (por ejemplo, "x = 1")
- La segunda detallará qué condición se debe repetir (por ejemplo, " x <= 10")
- La tercera parte será la que se encargue de pasar de un valor de la variable al siguiente (como podría ser "x = x+1" o bien "x++" si queremos avanzar de uno en uno, y "x = x+2" o "x+=2" para avanzar de dos en dos.
Suena difícil, pero no lo es tanto. Primero vamos a recordar cómo podíamos contar usando "while" (usando la forma abreviada para incrementar el valor de la variable que hace de contador):
<html>
<body>
Vamos a contar con "while"...
<script>
var contador = 1;
while (contador <= 10)
{
document.write(contador + " ");
contador++;
}
</script>
</body>
</html>Convertir esto a un "for" es relativamente sencillo:
<html>
<body>
Vamos a contar con "for"...
<script>
var contador;
for (contador = 1; contador <= 10; contador++)
{
document.write(contador + " ");
}
</script>
</body>
</html>Ejercicios propuestos
- 03.06.01 - Crea una página web que muestre los números del 1 al 20 (ambos incluidos), usando "for"
- 03.06.02 - Crea una página web que muestre los números del 1 al 16, (ambos incluidos), saltando de 3 en 3, usando "for"
- 03.06.03 - Muestra los números pares del 10 al 20 (ambos incluidos), usando "for"
- 03.06.04 - Muestra los números del 15 al 5, descendiendo (ambos incluidos), usando "for"
- 03.06.05 - Escribe los múltiplos del 5 que hay entre el 5 y el 50 (ambos incluidos), usando "for"
- 03.06.06 - Escribe los múltiplos de 3 que hay entre el 50 y el 5 (ambos incluidos), descendiendo, usando "for"
Pista: para hallar los múltiplos de 5, se puede comenzar en 5, y sumar 5 en cada pasada. Otra alternativa es calcular el resto de la división: si al dividir el número entre 5 se obtiene resto 0, quiere decir que era un múltiplo de 5. Tenemos un operador para calcular el resto de la división (que también se conoce como "la operación módulo"): el símbolo de porcentaje. "5 % 3" es la forma de escribir "el resto de dividir 5 entre 3", o simplemente "5 módulo 3":
<html>
<body>
Multiplos de 5...
<script>
var contador;
for (contador = 1; contador <= 10; contador++)
{
if (contador % 5 == 0)
document.write(contador + " ");
}
</script>
</body>
</html>