En JS map se encarga de generar un arreglo de respuesta a partir de una función aplicada sobre un arreglo de entrada
Básicamente te permite recorrer un objeto y/o un array de objetos en un nuevo item.
Básicamente te permite recorrer un objeto y/o un array de objetos en un nuevo item.
Recorre un objeto pero te devuelve numero diferentes al objeto original
map permite manipular una respuesta tipo arreglo de una manera mas eficiente sin tenerg que generar normalmente loops and whiles to iterate through all the vector items
CREA UN NUEVO ARREGLO INICIADO CON OTRO
actúa como un for
En pocas palabras, hace recorrido por el array colocado.
En términos mas descriptivos crea un nuevo array con los resultados aplicados en el método.
Ejemplo:
Vamos a mapear un array para encontrar los números mayores que 2.
tenemos nuestro primer array que lo llamaremos array1
array1 = [1, 2, 3, 4]Para crear el método map es de la siguiente manera:
tuArray.map(recibeUnItem => retornaElResultadoAplicadoATusElementos)
Entonces vamos a usar el método map para encontrar cuales son los números mayores que 2.
newArray = array1.map(num => num > 2)Esto retornaría:
console.log(newArray);
result: [false, false, true, true]En casos mas al desarrollo en el campo laboral se usa mucho para los JSON como por ejemplo:
myJson = [
{
"name": "Pepito",
"age": 20,
},
{
"name": "Juan",
"age": 28
}
]Vamos a mapear este JSON para obtener los nombres.
newJson = myJson.map(item => item.name)Esto retornaría un nuevo array con los elementos que serían los nombres.
console.log(newJson);
result: ['Pepito', 'Juan']Recorre un array y devuelve uno nuevo, con el resultado de las operaciones o procesos aplicados a cada ítem de la colección.
El método map en Javascript permite usar un array para crear otro nuevo, que es el resultado del retorno de una función que pasamos como argumento, en dicha función podemos hacer cualquier proceso sobre cada elemento del array, para luego retornar un elemento que será parte del nuevo array.
let nums = [1,5,6,8,7]
let powOddNums = nums.map(function(element){
if(element % 2 !== 0 ){
return element * element
}
return element
})
result: [1,25,6,8,49]La definición textual indica que crea un nuevo arreglo a partir de un existente, pero esto relativo a lo que realicemos en la función de callback se pasa como argumento, incluso puede usar el map sin llevar el resultado a una variable (myArray.map(element => {only view element})).
En conclusión el método map recorre un array extrayendo en orden cada elemento de un array existente.
El objeto Map contiene pares clave-valor y recuerda el orden de inserción original de las claves. Cualquier valor (tanto objetos como valores primitivos ) puede usarse como clave o como valor.
Un objeto Map itera sus elementos en orden de inserción: un bucle for...of devuelve una matriz de [key, value] para cada iteración.
Object es similar a Map : ambos le permiten establecer claves en valores, recuperar esos valores, eliminar claves y detectar si algo está almacenado en una clave. Por esta razón (y porque no había alternativas integradas), Object se ha utilizado históricamente como Map .
Sin embargo, existen diferencias importantes que hacen que Map sea preferible en algunos casos:
Si desea obtener más información sobre el mapa de javascript, lea este artículo...
Buena suerte...