El siguiente tipo de bucle que se comenta, es el bucle while, el cual se puede traducir por mientras. La sentencia tiene la siguiente sintaxis en JavaScript.



// Ejercicios de programación JavaScript
// sintaxis del bucle condicional while
while( condicion ) {
  acción/es...;
  acción/es...;
}

El funcionamiento del bucle se puede interpretar de la siguiente forma. En primer lugar al entrar al bucle se evalúa la condición, y en caso de que la misma de una evaluación positiva se ejecutan las instrucciones contenidas en el ámbito del bucle, una vez ejecutadas las sentencias del bucle se vuelve a evaluar la condición repitiéndose de nuevo el ciclo.

La diferencia entre el bucle while y el bucle do…while, es que en el primero se evalúa la condición y en caso de no cumplirse no se realiza ninguna acción, mientras que en el segundo como mínimo se ejecutan una vez las acciones interiores del bucle.

El primer ejercicio que se propone con solución en JavaScript, es realizar un bucle que visualice los números del 1 al 10, en orden creciente y decreciente a la vez.

// Ejercicios de programación en JavaScript
// https://www.aprendoencasa.com
var numero = 1;
while( numero < 11 ) {
  console.log( numero + " - " + (11-numero) );
  numero++;
}
Ejercicios JavaScript - Bucle While

Ejercicios JavaScript – Bucle While

Una vez ejecuta el programa el resultado que se ha de obtener en la consola del navegador, ha de ser similar al que se muestra en la imagen siguiente.

Prácticas JavaScript - Bucle While

Prácticas JavaScript – Bucle While

El siguiente ejercicio que se propone es indicar un numero entero y realizar el desglose del mismo por dígitos, es decir mostrar millares, centenas, decenas, etc. Utilizando para realizar el ejercicio bucles de tipo while.

// Ejercicios de programación en JavaScript
// Desglosar valor numerico en millares, decenas, etc.
// https://www.aprendoencasa.com
var numero = 123456;
while( numero>0 ) {
  resto = numero%10;
  numero = parseInt(numero/10);
  console.log(resto);
}
Ejercicios JavaScript - bucle While

Ejercicios JavaScript – bucle While

Una vez que se ha ejecutado el programa, el resultado que se ha de obtener en la consola del navegador, ha de ser similar al que muestra en la imagen siguiente.

Prácticas JavaScript - Bucle While

Prácticas JavaScript – Bucle While

Gracias por vuestra visita y un saludo!!!

Esperamos vuestros comentarios!!!