• 10 hours
  • Easy

Free online content available in this course.

course.header.alt.is_certifying

Got it!

Last updated on 6/12/20

El bucle for

Log in or subscribe for free to enjoy all this course has to offer!

 

Un bucle es una sentencia que ejecuta repetidas veces un bloque de código. Para salir del bucle se tiene que cumplir una condición, mientras dicha condición no se cumpla, el bloque de código dentro del bucle seguirá ejecutándose. 

Imagina que quieres escribir una lista de números del 1 al 100, podrías escribir en tu código lo siguiente:

console.log(1);
console.log(2);
console.log(3);
console.log(4);
console.log(5);
console.log(6);
// ... así hasta llegar a 100

 Evidentemente, esta es una solución muy poco eficiente. Además hay un principio en programación que dice que no debes repetir código. ¿Por qué escribir  console.log() 100 veces, cuando podrías escribirlo solamente 1 vez?

Antes de nada, analicemos los operadores de incremento y decremento que te serán imprescindibles para el bucle for. 

Operadores de incremento y decremento

El incremento o decremento de uno en uno de una variable es una operación muy común en la programación. Por ello, se le ha asignado un operador específico, representado por ( ++ ) para el incremento y (--) para el decremento.

var variable1 = 1;
var variable2 = 1;

variable1 = variable1 + 1;
variable2++

 En este ejemplo, tanto la  variable1 como la  variable2 contendrán el mismo valor,  2 . 

Otros operadores de incremento o decremento muy importante es+=o-=

Para incrementar o disminuir el valor de una variable en 1 o más de 1, podemos utilizar estos operadores. Es una forma más corta de asignar la variable a su propio valor más el incremento. Veamos el siguiente ejemplo:

var miVariable = 0; // miVariable contiene el valor 0

/*
  Si queremos añadir 5 a miVariable, podemos hacerlo de la siguiente forma:
  miVariable = miVariable + 5
  
  Pero podemos hacerlo más rápido con el operador +=
*/

miVariable += 5; // miVariable contiene el valor 5
miVariable -= 2; // miVariable contiene el valor 3
console.log(miVariable); // Muestra por consola el valor 3

  

El bucle for

El bucle  for  te permite repetir un bloque de código un número determinado de veces. Se utiliza una variable en forma de contador, cada vez que se ejecuta el bucle, el contador se incrementa. Así podemos llevar la cuenta de cuantas veces se ha ejecutado, y salir del bucle cuando se llegue a un determinado valor del contador.

La sintaxis es la siguiente:

for (variable_contador; condición; expresión_post_loop) {
  // bloque de código a ejecutar
}

 Te será más fácil de entenderlo a través de un ejemplo real. Imprimamos los números del 1 al 10 por pantalla:

for (var cont=1; cont<=10; cont++) {
  console.log(cont);
}
Resultado del uso del bucle for para imprimir los números del 1al 10
Uso del bucle for para imprimir los números del 1 al 10

Analicemos paso a paso cómo funciona el bucle for. La lógica del bucle se divide en tres partes separadas por  ; 

  1. En primer lugar, se asigna un valor a la variable contador  var i = 1; . El contador empezará a contar desde el número 1. Esta parte sólo se ejecutará una vez.

  2. La segunda parte es la condición de salida del bucle. Como hemos visto en el condicional if, se evalúa la expresión y se obtiene un valor booleano: verdadero o falso. i <= 10;  Si  i  es menor o igual a 10, el resultado de la evaluación de la expresión es verdadero y el bucle dará "una vuelta más". Esta condición se evalúa con cada "vuelta" que da el bucle.

  3. Incremento de la variable contador. Si no se modificase nunca la variable contador, se convertiría en un bucle infinito ya que la condición sería siempre positiva. Esta expresión se ejecuta al final de cada vuelta del bucle, antes de volver a evaluar la condición.

Una vez que la variable contador se incremente hasta que  i = 11; , la condición  i <= 10 será evaluada como falsa, ya que  i  es mayor que  10 . En ese momento se terminará el bucle.

 

Practica tú mismo

Intenta siempre hacer los ejercicios por ti mismo. Si después de un rato intentándolo no lo consigues, a veces es bueno hacer una pausa e intentarlo más tarde. Si aún así no hay manera, mira las soluciones propuestas.

Lista incrementándose de 3 en 3

Imprime por consola la lista de números del 1 al 30, incrementándose de 3 en 3.

Lista del 1 al 30 con incremento de 3 en 3
Lista del 1 al 30 con incremento de 3 en 3

 

Tabla del 8

Utiliza un bucle for para imprimir por la consola la tabla de multiplicar del 8.

Bucle for que muestra la tabla de multiplicar del 8
Bucle for que muestra la tabla de multiplicar del 8

 

Par o impar

Escribe un programa que indique si un número es par o impar.

Lista de números pares e impares
Lista de números pares e impares

 

Escribe un programa que muestre los números del 1 al 50, con las siguientes excepciones:

  • Para los múltiplos de 3 muestra la palabra "Fizz" en lugar del número.

  • Para los múltiplos de 5 muestra la palabra "Buzz" en lugar del número.

  • Para los múltiplos de 3 y 5 muestra la palabra "FizzBuzz" en lugar del número.

 

Las primeras 15 líneas de FizzBuzz
Las primeras 15 líneas de FizzBuzz

 

Solución de los ejercicios

Intenta primero resolver los ejercicios propuestos por ti mismo. Si ves que te bloqueas, suele venir bien cambiar de actividad y volver a intentarlo más adelante. Si no lo consigues, puedes consultar las soluciones aquí

Example of certificate of achievement
Example of certificate of achievement