gratiszona

while en javascript


Sintaxis:
while(condicion)
{
setencia1;
sentencia2;
sentencia3;
}
Significado:
"Mientras" se cumpla la condicion, se iran repitiendo las sentencias 1, 2 y 3.
  • Escribe el siguiente programa:

<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG015.HTM
var x=0;
while(x<6)
{
alert('El valor de x es= '+x);
x=x+1;
}
</SCRIPT>
</HTML>
  • Grabalo con el nombre Prog015.htm en TuCarpeta y ejecutalo.
  • Estudio del Prog015.htm
  • En "palabras", nuestro programa nos dice: "mientras" la x sea inferior a 6;

escribe el valor de "x";
incrementa en una unidad el valor de "x";
  • Al principio x=0

Se cumple la condicion del while: x<6
Aparece escrito x=0
Al pasar por el contador x=1
Se cumple la condicion x<6
Aparece escrito x=1
Al pasar por el contador x=2
Aparece escrito x=2
...
...
Cuando x=6 no se cumple la condicion y por lo tanto se acaba el programa.

4.- Contadores en JavaScript

a=a+1 es equivalente a escribir a++
a=a-1 es equivalente a escribir a—
num=num+2 es equivalente a escribir num += 2
num=num*2 es equivalente a escribir num *= 2
num=num/2 es equivalente a escribir num /= 2
  • Escribe el siguiente programa:

<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG016.HTM
var i=2;
var res='';
var j=7;
while (i<j)
{
res=res+' '+i+' '+j+'\n';
i++;
j--;
}
alert(res);
</SCRIPT>
</HTML>
  • Grabalo con el nombre Prog016.htm en TuCarpeta
  • Ejecuta el programa, es importante que tengas claro el funcionamiento del Prog016.htm: compara el listado del programa con lo que sucede al ejecutarlo. Observa como conseguimos escribir toda la salida en un unico "alert" (variable "res").

Programa que repite un texto cualquiera, el numero de veces que queramos, utilizando un "while"
  • Escribe el siguiente programa:

<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG017.HTM
var nom;
var indice=1;
var num;
var respuesta=' ';
nom=prompt('Escribe tu nombre','');
num=prompt('Cuantas veces quieres que lo repita','');
num=parseInt(num,10); // era una cadena y ahora es un numero
while (indice <= num)
{
respuesta=respuesta+nom+'\n';
indice++;
}
alert(respuesta);
</SCRIPT>
</HTML>
  • Grabalo en TuCarpeta con el nombre Prog017.htm y ejecutalo
  • Recuerda que en el "ParseInt" no es necesario escribir el 10, ya que por defecto (si no lo escribimos), es base 10.

Programa que acumula la suma y el producto de los numeros que queramos
  • Escribe:

<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG018.HTM
var num;
var sum=0;
var pro=1;
var respuesta='';
num=prompt('Escribe un numero diferente de cero=','');
num=parseFloat(num);
while(num != 0)
{
sum=sum+num;
pro=pro*num;
respuesta=respuesta+num+'\tsuma parcial:'+sum+'\tproducto parcial:'+pro+'\n';
num=prompt('Escribe otro numero (para acabar introduce cero)','');
num=parseFloat(num);
}
alert(respuesta);
</SCRIPT>
</HTML>
  • Grabalo en TuCarpeta con el nombre Prog018.htm y ejecutalo.
  • Observa como acumulamos la suma y el producto:

Contador que acumula la suma de los numeros "num": sum=sum+num;
Hemos de inicializar a 0 la variable "sum".
Contador que acumula el producto de los numeros "num": pro=pro*num
Hemos de inicializar a 1 la variable "pro".
Anterior: if else en javascript
Siguiente: for

Tal vez te interese sobre javascript: