AnteriorPosterior

3.6. Contadores con "for"

Por: Nacho Cabanes
Actualizado: 24-04-2019 12:09
Tiempo de lectura estimado: 4 min.

 

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>

294 visitas desde el 24-04-2019

AnteriorPosterior