Temas > Programacion > Java script - Java > Estructura repetitiva (while) en java script
Julio

Estructura repetitiva (while)
Hasta ahora hemos empleado estructuras SECUENCIALES y CONDICIONALES. Existe
otro tipo de estructuras tan importantes como las anteriores que son las
estructuras REPETITIVAS.
Una estructura repetitiva permite ejecutar una instrucción o un conjunto
de instrucciones varias veces.
Una ejecución repetitiva de sentencias se caracteriza por:
- La o las sentencias que se repiten.
- El test o prueba de condición antes de cada repetición, que motivará
que se repitan o no las sentencias.
Funcionamiento del while: En primer lugar se verifica la condición, si la
misma resulta verdadera se ejecutan las operaciones que indicamos entre las
llaves que le siguen al while.
En caso que la condición sea Falsa continua con la instrucción siguiente
al bloque de llaves.
El bloque se repite MIENTRAS la condición sea Verdadera.
Importante: Si la condición siempre retorna verdadero estamos en presencia
de un ciclo repetitivo infinito. Dicha situación es un error de
programación, nunca finalizará el programa.
Ejemplo: Realizar un programa que imprima en pantalla los números del 1 al
100.
Sin conocer las estructuras repetitivas podemos resolver el problema
empleando una estructura secuencial. Inicializamos una variable con el
valor 1, luego imprimimos la variable, incrementamos nuevamente la variable
y así sucesivamente.
<?php //esto no va
<html>
<head>
</head>
<body>
<script language="javascript">
var x;
x=1;
while (x<=100)
{
  document.write(x);
  document.write(`<br>`);
  x=x+1;
}
</script>
</body>
</html>
?>//esto no va
Para que se impriman los números, uno en cada línea, agregamos la marca
HTML de <br>.
Es muy importante analizar este programa:
La primera operación inicializa la variable x en 1, seguidamente comienza
la estructura repetitiva while y disponemos la siguiente condición ( x <=
100), se lee MIENTRAS la variable x sea menor o igual a 100.
Al ejecutarse la condición, retorna VERDADERO, porque el contenido de x
(1) es menor o igual a 100. Al ser la condición verdadera se ejecuta el
bloque de instrucciones que contiene la estructura while. El bloque de
instrucciones contiene dos salidas al documento y una operación. Se
imprime el contenido de x y seguidamente se incrementa la variable x en
uno.
La operación x = x + 1 se lee como "en la variable x se guarda el
contenido de x más 1". Es decir, si x contiene 1 luego de ejecutarse esta
operación se almacenará en x un 2.
Al finalizar el bloque de instrucciones que contiene la estructura
repetitiva, se verifica nuevamente la condición de la estructura
repetitiva y se repite el proceso explicado anteriormente.
Mientras la condición retorne verdadero, se ejecuta el bloque de
instrucciones; al retornar falso la verificación de la condición, se sale
de la estructura repetitiva y continúa el algoritmo, en este caso,
finaliza el programa.
Lo más difícil es la definición de la condición de la estructura while
y qué bloque de instrucciones se va a repetir.
Observar que si, por ejemplo, disponemos la condición x >=100 ( si x es
mayor o igual a 100) no provoca ningún error sintáctico pero estamos en
presencia de un error lógico porque al evaluarse por primera vez la
condición retorna falso y no se ejecuta el bloque de instrucciones que
queríamos repetir 100 veces.
No existe una RECETA para definir una condición de una estructura
repetitiva, sino que se logra con una práctica continua, solucionando
problemas.
Una vez planteado el programa debemos verificar si el mismo es una
solución válida al problema (en este caso se deben imprimir los números
del 1 al 100 en la página), para ello podemos hacer un seguimiento del
flujo del diagrama y los valores que toman las variables a lo largo de la
ejecución:
           x
           1
           2
           3
           4
           .
           .
           100
  101 Cuando x vale 101 la condición de la estructura
  repetitiva retorna falso, en este caso finaliza el diagrama.
La variable x recibe el nombre de CONTADOR. Un contador es un tipo especial
de variable que se incrementa o decrementa con valores constantes durante
la ejecución del programa. El contador x nos indica en cada momento la
cantidad de valores impresos en la página.
Importante: Podemos observar que el bloque repetitivo puede no ejecutarse
si la condición retorna falso la primera vez.
La variable x debe estar inicializada con algún valor antes que se ejecute
la operación x = x + 1.
Probemos algunas modificaciones de este programa y veamos qué cambios se
deberían hacer para:
1 - Imprimir los números del 1 al 500.
2 - Imprimir los números del 50 al 100.
3 - Imprimir los números del -50 al 0.
4 - Imprimir los números del 2 al 100 pero de 2 en 2 (2,4,6,8 ....100).













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
     12
3456789
10111213141516
17181920 212223
24252627282930
31      

Viernes 21 de Marzo 2025
Semana 12



Java script - Java


-Input type submit con evento onclick
-Maneras de salir de un iframe con java script
-Sintaxis de un list array en java
-Consumir un JSON desde PHP
-Producir JSON desde PHP
-Mostrar un tooltip con datos recuperados en jQuery
-Menu desplegable en jQuery
-Llamadas encadenadas de metodos del objeto jQuery
-Funcion ajax en jQuery
-JSON en jQuery
-Pasando datos por los metodos GET y POST en jQuery
-Ajax metodos ajaxStart y ajaxStop en jQuery
-Ajax metodo load en jQuery
-Iteracion por los elementos each en jQuery
-Efecto con el metodo toggle en jQuery
-Efecto con el metodo fadeTo en jQuery
-Efectos con los metodos fadeIn y fadeOut en jQuery
-Efectos con los metodos show y hide en jQuery
-Manipulacion de los elementos del DOM en jQuery
-Evento blur en jQuery
-Evento focus en jQuery
-Evento dblclick en jQuery
-Eventos mousedown y mouseup en jQuery
-Evento mousemove en jQuery
-Evento hover en jQuery
-Eventos mouseover y mouseout en jQuery
-Administracion de eventos con jQuery
-Metodos html y html valor en jQuery
-Metodos addClass y removeClass en jQuery
-Metodos attr y removeAttr en jQuery
-Metodos text, text valor en jQuery
-Seleccion de elementos con la clase CSS definida
-Seleccion de elementos utilizando el selector CSS
-Seleccion de elementos por el tipo de elementos jQ
-Seleccion de un elemento mediante el id jQuery
-Nueva manera de programar JavaScript con jQuery
-Que es el jQuery
-Archivo JavaScript externo
-Propiedad screen del objeto window en java script
-Propiedad location de objeto window en java script
-El objeto window en java script
-Eventos onMouseOver y onMouseOut en java script
-Eventos onFocus y onBlur en java script
-Control TEXTAREA en java script
-Control RADIO en java script
-Control CHECKBOX en java script
-Control SELECT en java script
-Control PASSWORD en java script
-Controles FORM, BUTTON y TEXT en java script
-Formularios y Eventos en java script
-Clase Math en java script
-Clase String en java script
-Clase Array en java script
-Clase Date en java script
-Programacion orientada a objetos en java script
-Funciones que retornan un valor en java script
-Funciones con parametros en java script
-Funciones en java script
-Estructura repetitiva for en java script
-Estructura repetitiva do while en java script
-Concepto de acumulador en java script
-Operadores logicos or en las estructuras java s
-Operadores logicos (and) en las estructuras java s
-Estructuras condicionales anidadas en java script
-Estructuras condicionales compuesta en jaca script
-Estructuras condicionales simples en java script
-Estructuras secuenciales en java script
-Entrada de datos por teclado en java script
-Variables en java script
-Que es JavaScript
-Lectura y escritura de archivos en java
-Entrada y salida estandar en Java
-Programa para contar vocales de un fichero en java
-Convertidor de divisas en java
-Form con una ventana nueva
-Seleccionar un elemento html mediante su id
..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar