trisquel

Aprende JavaScript con ejemplos (XIV). Bucles.

JavaScript tiene diferentes sentencias condicionales. Hagamos un repaso de cada una de ellas:

  • For. Utiliza esta sentencia cuando quieras que se ejecute un bloque de código una serie de veces determinada (generalmente se conoce de antemano el número de veces).
  • While.Utiliza esta sentencia cuando quieras que se ejecute un bloque de código una serie de veces sin conocer de antemano cuantas. El bloque de código se ejecutará mientras se cumpla una condición determinada.

Todo esto se ve más fácil con ejemplos:

La sentencia FOR

for (i = 0; i < 10; i++) {
text += "Número: " + i + "
";
}

En el bucle for se inicializa la variable i a 0 (i=0), dicho bucle se ejecutará mientras que i sea menor que 10 (i<10) y la variable i a su vez se irá incrementando en una unidad (i++) en cada pasada del bucle.

Existe una variante del bucle for que es el bucle for in. A continuación se muestra un ejemplo sencillo de comprender:

var persona = {nombre:"Dimas", apellidos:"Moreno", edad:25};
var texto = "";
var x;
for (x in persona) {
texto += persona[x];
}

La sentencia WHILE

Veamos el anterior ejemplo del bucle for pero ahora reconvertido a while:

i = 0;
while (i < 10) {
text += "Número " + i;
i++;
}

Ejercicio 14.1
Realiza un script utilizando bucles que muestre por pantalla lo siguiente:
*
**
***
****

Ejercicio 14.2
Realiza un script utilizando bucles que muestre por pantalla lo siguiente:
****
***
**
*

Ejercicio 14.3
Realiza un script utilizando bucles que muestre por pantalla lo siguiente:
   *
  ***
 *****
*******
Tendrás que investigar cómo se muestran espacios en blanco en HTML.
Ejercicio 14.4
Realiza un script utilizando bucles que muestre por pantalla lo siguiente:
   *
  ***
 *****
*******
 *****
  ***
   *
Ejercicio 14.4
Realiza un script utilizando bucles que muestre por pantalla lo siguiente:
   *
  * *
 *   *
*     *
 *   *
  * *
   *
Ejercicio 14.5
Realiza un script utilizando bucles que muestre por pantalla lo siguiente:
   *
  * *
 *   *
*     *
 *   *
  * *
   *
Importante: El número de filas que tiene el rombo será configurable.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>