Javascript Array e Iteradores

javascript 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

,

Trackbacks/Pingbacks

  1. JavaScript Iteradores (para CantabriaTic) - Arquitectura Java - 29 junio, 2015

    […] Hoy he escrito un artículo para CantabriaTic que habla de los diferentes Iteradores que tiene JavaScript y como se utilizan de una forma integrada. Lo podeis leer aquí. […]

Deja un comentario

Leave your opinion here. Please be nice. Your Email address will be kept private.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Translate »