Tutorial JavaScript


Lazo For
Lazos anidados

Lazo For

El lazo while del ejemplo anterior, fue escrito como ...

 

var a_line="";

var loop = 0;

while (loop < width)

{

a_line = a_line + "x";

loop=loop+1;

}

... podía haber sido escrito usando un lazo for como esto:


var a_line="";

for (var loop=0; loop < width; loop++)

{

a_line = a_line + "x";

}


El formato general del lazo for, es:

for (initial value; test; increment)

{

hacer algo

}


Lazos anidados


Ejemplo24_0.html

 

<script language="JavaScript">

<!-- ocultarme

var alto = prompt("¿Cuántas filas quiere? (1-10 está bien)","10");

var ancho= prompt("¿Qué ancho desea? (1-10 está bien)","10");

var a_line;

var ventana=window.open("grid.html","lazo","width=400,height=400");


ventana.document.writeln("<h1>Una Grilla</h1>");


for (i = 0; i <alto; i++)

{

a_line = "";

for (j= 0; j < ancho; j++)

{

a_line+="x";

}

ventana.document.writeln(a_line + "<br>");

}


// mostrarme -->

</script>

 

Después de preguntar por el alto y el ancho, abrimos una ventana y escribimos un encabezado, luego comenzamos un lazo. El primer lazo establece a_line="". Trate de hacer este ejemplo sin esta línea y vea que sucede. Después de inicializar a_line, el script entra a otro lazo para construir la línea de x's tan ancho como lo elegimos y los imprime. Esto sucede tantas veces como dice la variable alto.

 

Modificar el ejemplo anterior para que realice primero la línea y luego la imprima, de esta forma no serán dos lazos anidados sino dos lazos secuenciales.

Ejemplo24_0.html

Que se deberá modificar del ejercicio anterior para que muestre en orden directo en lugar de inverso.

 

Arreglos

Hemos visto que las variables pueden contener valores, tiras y referencias a objetos. Existe una clase más de información que JavaScript puede comprender: arreglos.

Los arreglos son listas. Podría tener una lista de URL's que quiera visitar, una lista de nombres que quiera recordar o una lista de colores que desee mostrar como fondo. Todas las listas se pueden almacenar en arreglos.

De esta forma se puede crear un arreglo de colores:

var colores = new Array("red","blue","green");

 

Ahora que tiene un arrego, ¿qué podría hacer con él?. Lo bueno sobre arreglos es que los elementos de un arreglo se pueden acceder por número. El primer elemento es el 0 se puede acceder como:

var elemento = colores[0];

Después que ejecute esta línea de JavaScript, la variable elemento contendrá la tira "red". Como puede ver, puede acceder al primer elemento de un arreglo escribiendo su nombre y poniendo el número del elemento entre corchetes. El segundo elemento es obviamente el número 1.

Una vez que ha creado un arreglo, puede agregar y cambiar sus valores. Si decide cambiar el primer elemento del arreglo colores, tendrá que escribir esto:


colores[0] = "purple";

 

Es muy común usar arreglos con lazos.

<<<Anterior - Siguiente>>>


¡Visita también estos sitios interesantes!

Sitio alojado en Yaia.com