Estructura de Programación "FOR"

Esta página contiene ejemplos y explicaciones sobre el uso de la estructura for en JavaScript.

Sintaxis de la estructura "for"

for (contador = valor inicial; condición; expresión de incremento)
{
    ...;
    ...;
    ...;
}

Ejemplo:

for (i=1; i<=10; i++)
{
    sentencia1;
    sentencia2;
    sentencia3;
}

En palabras significa: "Desde i=1, hasta i=10 de 1 en 1, repite las sentencias 1, 2 y 3"

Es decir: Repite 10 veces las sentencias 1, 2 y 3

Observa que el contador o índice del "for" (en nuestro caso la "i"), es una variable que no es necesario declararla, ya que la expresión "i=1" la declara e inicializa.

Programa que repite un texto

Repite un texto cualquiera el número de veces que queramos, utilizando un "for"

Resultado:

Código del programa

var texto;
var num;
var salida="";
texto=prompt("Escribe un texto","");
num=prompt("Cuántas veces quieres que lo repita","");
num=parseInt(num,10);
for(i=1;i<=num;i++)
{
    salida=salida+texto+"\n";
}
alert(salida);

Explicación del código:

  1. Se solicitan dos valores al usuario: un texto y un número de repeticiones
  2. El número se convierte de cadena a entero con parseInt()
  3. El bucle for se ejecuta desde i=1 hasta i=num (inclusive)
  4. En cada iteración, se concatena el texto y un salto de línea a la variable salida
  5. Finalmente, se muestra el resultado con alert()

Variaciones del bucle for:

// Contar hacia atrás
for (i=10; i>=1; i--) { ... }

// Incrementos de 2 en 2
for (i=0; i<=10; i+=2) { ... }

// Múltiples variables
for (i=0, j=10; i<10; i++, j--) { ... }

Bajar el archivo de texto con el código completo