Javascript / for … of

Anuncios

Bienvenidos sean a este post, hoy hablaremos sobre una variante del bucle for.

Anuncios

Este tipo de bucle en otros lenguajes se lo conoce como for mejorado, este originalmente no existia como tal en el lenguaje pero gracias a que se incorporo un nuevo estandar (ES6/ES2015) se habilito este tipo de bucle, veamos como es su sintaxis:

for(let variable of objeto_iterable)
{
	... instrucciones ...
}

Anuncios

En este caso debemos definir una variable que recibira cada uno de los elementos del objeto iterable o coleccion en cada pasada del objeto y procedera a «consumirlo», cuando hablamos de consumir nos referimos al hecho de utilizar el elemento que obtuvimos en la pasada, suena complicado pero es mas simple que el bucle comun, dado que este pasara por todos los elementos del objeto y podremos utilizarlo sin necesidad de preocuparnos por otros factores, para entenderlo vamos a hacer un simple ejemplo, para entenderlo un poco mejor simplemente generen un nuevo archivo con la extension html y le agregan el siguiente codigo:

ejemplo.html

<html>
<head>
<script language="javascript">
<!--

document.title="Ejemplo de for...of";

function crearCuerpo()
{
	var arreglo=['tinchicus','enzo','ariel','javier'];
	for(let x of arreglo)
	{
		document.write(x + "<br>");
	}
}

//-->
</script>
</head>
<body>
<script>crearCuerpo()</script>
</body>
</html>

Anuncios

Aqui tenemos un ejemplo simple donde en el tag de script primero le definimos un titulo al documento, luego definiremos una funcion, en esta primero definiremos un array llamado arreglo con varios datos, nuestro siguiente paso sera el bucle donde definiremos una variable la cual llamaremos x y le pasaremos el array antes creado, en el bloque mostraremos cada uno de los elementos que obtenemos por cada pasada, despues tenemos el resto de la pagina y en el cuerpo del HTML usaremos otro tag script para llamar a esta funcion antes definida, con todo esto comentado veamos como es su salida:

Anuncios

Como pueden ver paso por todos los elementos del array sin necesidad de mas, por eso en ciertas circunstancias esta funcion puede ser mucho mas simple que el bucle for comun, pero eso debe ajustarse a nuestras necesidades porque si necesitamos obtener todos los elementos del objeto iterable o coleccion usaremos a este for pero si necesitamos una porcion o un valor determinado es mas recomendable hacerlo por medio del otro bucle dado que nos permite hacer excepciones mas simples.

Anuncios

En resumen, hoy hemos visto al for mejorado, que es, como es su sintaxis, como trabaja, y despues por medio de un ejemplo simple vemos como trabaja, asi como tambien sus pros y contras con respecto al otro, espero les haya sido de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios