Cada día usamos más JavaScript para todo. Una de las características más habituales a la hora de trabajar con él es el manejo de JavaScript Array.  A partir de ES5  Javascript soporta una serie de funciones que se denominan iteradoras y permiten recorrer de forma cómoda un array para transformarlo. Vamos a verlas a detalle:

forEach(): Es la función mas básica de todas y se encarga de recorrer el Array elemento a elemento.

lista.forEach(function(elemento) {

 console.log(elemento);
 });

map(): Esta función es de las más utilizadas y permite un mapeo de cada uno de los valores a otra estructura. Por ejemplo el siguiente código multiplica por 2 cada elemento del Array.

lista.map(function(elemento) {

 return elemento*2;

 });

reduce(): Quizá una de las menos conocidas  se encarga de permitir operaciones acumuladas. Un ejemplo clásico es sumar todos los elementos del Array.

var total= lista.reduce(function(anterior,actual) {
return anterior+ actual;
});

filter(): El método más usado con diferencia y que nos permite filtrar el Array y quedarnos con un subconjunto. Un ejemplo puede ser quedarnos con los números pares.

var pares= lista.filter(function(elemento) {

return elemento%2;
});

Estos cuatro métodos nos permiten realizar operaciones complejas combinándolos . Por ejemplo supongamos que tenemos el siguiente Array con los precios de unas ventas.

var ventas=[100,200,300,100];

Podemos calcular la suma de todas las ventas con IVA incluido de la siguiente forma:

var resultado=ventas.map(function(item){

return item*1.21;
}).reduce(function(previo,actual) {

return previo+actual;
})

El resultado será 847 y habremos trabajado de una forma funcional.

Post By Cecilio Álvarez Caules (32 Posts)

Oracle Certified Master, Java EE Enterprise Architect .Experto en la plataforma JEE y Trainer. Autor del libro Arquitectura Java Sólida Dueño del blog sobre JEE Arquitectura Java

Website: →

Connect

Desarrollo Web, JavaScript