JULIO 8 2019 INICIO DE TERCER BIMESTRE
TEMA
JAVACRIPT FOR/WHILE
FOR
JAVACRIPT FOR/WHILE
FOR
- Una expresión (incluyendo las expresiones de asignación) o la declaración de variable. Típicamente se utiliza para usarse como variable contador. Esta expresión puede opcionalmente declarar nuevas variables con la palabra clave
var. Estas variables no son locales del bucle, es decir, están en el mismo alcance en el que está el buclefor. El resultado de esta expresión es descartado.
- La expresión de inicialización
expresionInicial, si existe, se ejecuta. Esta expresión habitualmente inicializa uno o mas contadores del bucle, pero la sintaxis permite una expresión con cualquier grado de complejidad. Esta expresión puede también declarar variables. - Se evalúa la expresión
condicion. Si el valor decondiciones true, se ejecuta la sentencia del bucle. Si el valor decondiciones false, el bucleforfinaliza. Si la expresióncondiciones omitida, la condición es asumida como verdadera. - Se ejecuta la
sentencia. Para ejecutar múltiples sentencias, use un bloque de sentencias ({ ... }) para agruparlas. - Se ejecuta la expresión
expresionIncremento, si hay una, y el control vuelve al paso 2. condicion- Una expresión que se evalúa antes de cada paso del bucle. Si esta condición se evalúa como verdadera, se ejecuta
sentencia. Cuando la condición se evalúa como false, la ejecución continúa con lasentenciaposterior al buclewhile. sentencia- Una sentecia que se ejecuta mientras la condición se evalúa como verdadera. Para ejecutar múltiples sentencias dentro de un bucle, utiliza una sentencia
block({ ... }) para agrupar esas sentencias. - Por lo tanto, la sentencia
whilese puede entender como "mientras se cumpla la condición, ejecuta el siguiente bloque de código entre llaves.
Cuando un bucle for se ejecuta, ocurre lo siguiente:
La sintaxis habitual es: for (var i = unNumero; i < otroNumero; i++) { instrucciones a ejecutarse }, donde var i supone la declaración de una variable específica y temporal para el bucle. El nombre de la variable puede ser cualquiera, pero suelen usarse letras como i, j, k, etc. unNumero refleja el número en el que se empieza a contar, con bastante frecuencia es 0 ó 1. i < otroNumero ó i <= otroNumero refleja la condición que cuando se verifique supondrá la salida del bucle y el fin de las repeticiones. i++ utiliza el operador ++ cuyo significado es “incrementar la variable i en una unidad”. Este operador se puede usar en otras partes del código, no es exclusivo para los bucles for. Igualmente se dispone del operador “gemelo” – –, que realiza la operación en sentido contrario: reduce el valor de la variable en una unidad. Escribe el siguiente código y comprueba los resultados:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {background-color:white; font-family: sans-serif;}
.boton{padding:15px; width: 200px; text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
</style>
<script type="text/javascript">
function ejemploFor() {
var palabra = 'Esternocleidomastoideo';
var subpalabra = new Array();
subpalabra[0]='';
var msg = 'Diez primeras letras: \n\n';
for (var i=1; i<=10; i++){subpalabra[i] = subpalabra[i-1] + palabra.charAt(i-1);}
for (var i=1; i<=10; i++){msg = msg + subpalabra[i] +'\n';}
msg = msg + '\nPalabra al revés: \n\n';
for (var i=palabra.length; i>0; i--){
msg = msg + palabra.charAt(i-1);
}
alert (msg);
}
</script>
</head>
<body>
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<h3 class="boton" onclick="ejemploFor()">Pulsa aquí</h3>
</body>
</html>
WHILE
Crea un bucle que ejecuta una sentencia especificada mientras cierta condición se evalúe como verdadera. Dicha condición es evaluada antes de ejecutar la sentencia.
for se ejecuta, ocurre lo siguiente:
La sintaxis habitual es: for (var i = unNumero; i < otroNumero; i++) { instrucciones a ejecutarse }, donde var i supone la declaración de una variable específica y temporal para el bucle. El nombre de la variable puede ser cualquiera, pero suelen usarse letras como i, j, k, etc. unNumero refleja el número en el que se empieza a contar, con bastante frecuencia es 0 ó 1. i < otroNumero ó i <= otroNumero refleja la condición que cuando se verifique supondrá la salida del bucle y el fin de las repeticiones. i++ utiliza el operador ++ cuyo significado es “incrementar la variable i en una unidad”. Este operador se puede usar en otras partes del código, no es exclusivo para los bucles for. Igualmente se dispone del operador “gemelo” – –, que realiza la operación en sentido contrario: reduce el valor de la variable en una unidad. Escribe el siguiente código y comprueba los resultados:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {background-color:white; font-family: sans-serif;}
.boton{padding:15px; width: 200px; text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
</style>
<script type="text/javascript">
function ejemploFor() {
var palabra = 'Esternocleidomastoideo';
var subpalabra = new Array();
subpalabra[0]='';
var msg = 'Diez primeras letras: \n\n';
for (var i=1; i<=10; i++){subpalabra[i] = subpalabra[i-1] + palabra.charAt(i-1);}
for (var i=1; i<=10; i++){msg = msg + subpalabra[i] +'\n';}
msg = msg + '\nPalabra al revés: \n\n';
for (var i=palabra.length; i>0; i--){
msg = msg + palabra.charAt(i-1);
}
alert (msg);
}
</script>
</head>
<body>
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<h3 class="boton" onclick="ejemploFor()">Pulsa aquí</h3>
</body>
</html> |
WHILE
Crea un bucle que ejecuta una sentencia especificada mientras cierta condición se evalúe como verdadera. Dicha condición es evaluada antes de ejecutar la sentencia.
Comentarios
Publicar un comentario