El for en JavaScript

el for es un bucle utilizado en la mayoría de los lenguajes de programación de alto nivel.
Para algunos parecerá algo complejo, sin embargo, cuando se entiende el funcionamiento resulta ser de gran ayuda a la hora de programar, a diferencia del while, en el for sabemos cuantas veces va a correr el bucle.
Una forma de escribir un for, puede ser la siguiente

for (i=0; i<=10; i++)
{

}

i=0, declaramos el valor inicial de i.
i<=10, decimos que el valor de i, es menor o igual a 10.
i++, i se incrementa de a 1 por vez.

En este caso, el código que este encerrado entre llaves, se va a repetir un total de 10 veces.
Veamos otro ejemplo, también muy interesante y utilizado

var a = new Array();
a[0] = 'valor';
a[1] = 'valor';
a[2] = 'valor';

for (i=0; i<=a.length; i++)
{

}

La cantidad de veces que corra bucle, va a ser igual a la cantidad de elementos que contenga el array a. Esto se repetirá un total de 3 veces.

Ahora vamos a hacer un ejemplo práctico, que demuestra la importancia de este bucle.

<html>
<head>
<script type="text/javascript">
function bucle ()
{
var a = new Array();
a[0] = 'Valor 1';
a[1] = 'Valor 2';
a[2] = 'Valor 3';
a[3] = 'Valor 4';
for (i=0; i<=a.length; i++)
{
if (document.getElementById('f'+i))
{
document.getElementById('f'+i).innerHTML = a[i];
}
}
}
</script>
</head>
<body>
<a href="javascript: bucle();">Click para iniciar</a>
<div id="f0">-</div>
<div id="f1">-</div>
<div id="f2">-</div>
<div id="f3">-</div>
</body>
</html>

Su sintaxis es basicamente la misma para cualquier lenguaje, en PHP el mismo ejemplo anterior, seria algo así:
for ($i=0; $i<=count($a); $i++)
{

}

Autor: Wdeah para WebTaller
http://www.webtaller.com

Usuarios que han visto este tema también han visto...

- Previsualizar una imagen antes de subirla en JavaScript
- Modelos de almacenamiento de datos
- Marcar todos los checkboxes con JavaScript
- Barra de cargando página en JavaScript
- Tabla de colores con Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento