Javascript / Array forEach

Anuncios

Bienvenidos sean a este post, hoy hablaremos sobre un metodo del objeto Array.

Anuncios

Este metodo va a ser un poco mas complejo que el resto pero nos permite pasar por todos los elementos de un array y por cada uno llamara a una funcion, primero veamos como es su sintaxis:

array.forEach(funcion);

Anuncios

Siendo que en funcion ira el nombre de la funcion que utilizaremos, primero vamos a analizar un ejemplo para entenderlo un poco mejor y luego veremos un par de particularidades:

<html>
<head>
<script language="javascript">
<!--
document.title="Ejemplos de Array()";
function crearCuerpo()
{
	var texto="Este es un texto de ejemplo.";
	var s = texto.split(" ");
	s.forEach(miFuncion);
}

function miFuncion(elemento, pos)
{
	document.write(pos + " - " + elemento + "<br>");
}
//-->
</script>
</head>
<body>
<script language="javascript">crearCuerpo()</script>
</body>
</html>

Anuncios

En este ejemplo primero vamos a definir una funcion llamada crearCuerpo, en esta lo primero sera definir una variable llamada texto con un mensaje, lo siguiente sera crear un array mediante un split, sobre este metodo hablamos en este post, aplicado a la variable anteriormente definida, luego sobre el array generado aplicaremos el metodo forEach donde le pasaremos el nombre de la funcion que ejecutaremos, en este caso miFuncion.

Anuncios

Lo siguiente sera definir a miFuncion, en este caso observen que tenemos dos argumentos uno llamado elemento y otro pos, porque estos corresponderan al valor actual y su ubicacion respectivamente, en el bloque de la funcion ejecutaremos el metodo para escribir en el cuerpo del html, para este ejemplo escribiremos la posicion del elemento y el valor, una vez definida esta funcion como ultimo paso sera llamar a la funcion crearCuerpo dentro del body del html.

Anuncios

Pero antes de finalizar vamos a ver un par de observaciones, la primera es que no pasamos ningun argumento al momento usar al metodo forEach, pero en la funcion miFuncion si tiene dos argumentos que corresponden a nuestro array, con esto comentado veamos como es su salida

Anuncios

Ahora vamos a explicar esta brujeria, esto sucede porque la funcion que utilizaremos debera tener la siguiente sintaxis:

function nombre(valor_actual[, indice, array])
{
	... instrucciones ...
}

Anuncios

La funcion se define como siempre, primero asignaremos un nombre para identificarla, luego como primer argumento utilizaremos un identificador para el valor de la posicion actual, despues de forma opcional podemos usar un argumento para almacenar la posicion actual del elemento y otro para almacenar el array del elemento, despues iran las instrucciones necesarias, una forma alternativa de usarlo es la siguiente:

	s.forEach(function(elemento, pos)
		{
		document.write(pos + " - " + elemento + "<br>");	
		}));

Anuncios

Siendo en este caso no necesario definir una nueva funcion sino simplemente usarlo de forma anonima, pero observen que la forma de trabajar de los argumentos no se modifica.

Anuncios

En resumen, hoy hemos visto a forEach, que es, como trabaja, como se compone, como es su sintaxis, como trabaja mediante un ejemplo simple para poder verlo en accion, hemos visto como se hace la «magia», como se componen las funciones que podemos llamar, 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