El método map de javascript sirve para llamar una función la cual se ejecutara con cada uno de los elementos de un arreglo (matriz, lista). Este método recibe una función como argumento la cual ejecutara n veces (el número de elementos en nuestro arreglo), y regresara un nuevo arreglo con los resultados.
Su función es la siguiente:
//lista con numeros
var lista=[1,4,9,16,25]
//la función map es inmutable por lo cual debemos asignar lo que regresa a otra lista
//en este caso se lo asignamos a la misma lista
var lista=lista.map(function(elemento){
//sacamos la raíz cuadrada del elemento
return Math.sqrt(elemento);
});
//Ahora recorremos con foreach la lista
//foreach funciona de manera similar solo que no regresa la lista
lista.forEach(function(i){
alert(i)
//muestra 1,2,3,4,5
})
También podemos llamar una función existente la cual reciba un argumento el cual será nuestro elemento:
//lista con numeros
var lista2=[1,2,3,4,5]
//función que multiplica un numero por 10
function MultiplicaX10(elementoLista){
return elementoLista*10
}
//la función mapa puede enviar parametros a la función que se ejecutara
//se hace de la siguiente manera
var lista2=lista2.map(MultiplicaX10,10);
//mostramos el resultado
lista2.forEach(function(i){
alert(i)
//muestra 10,20,30,40,50
})
Nota: La función foreach tiene un funcionamiento parecido, solo que no regresa un arreglo.