BLOG

15 enero, 2023
|

Método map en JavaScript: entiende cómo funciona desde cero

Ya he hablado en el pasado de otros métodos como append,prepend y appendchild, pero hoy vamos a centrarnos en el método map() en JavaScript se utiliza para aplicar una transformación a cada elemento de una matriz y devuelve una nueva matriz con los elementos transformados.

Uso básico del método map en JavaScript

Primero, necesitamos tener una matriz en la que queremos aplicar la transformación. Por ejemplo, podemos tener una matriz de números:

const numbers = [1, 2, 3, 4, 5];

Luego, podemos utilizar el método map() en la matriz numbers y pasar como argumento una función que especifica la transformación que queremos aplicar. Por ejemplo, si queremos duplicar cada elemento de la matriz, podemos usar la siguiente función:

const doubledNumbers = numbers.map(number => number * 2);

La función que pasamos como argumento a map() se ejecutará para cada elemento de la matriz original y devolverá un valor. En este caso, la función devuelve el doble del número que se le pasa como argumento.

El método map() es muy útil cuando necesitamos transformar una matriz de una forma específica. Por ejemplo, podemos usarlo para convertir una matriz de números en una matriz de strings con el formato adecuado para moneda:

const money = numbers.map(number => '$' + number.toFixed(2));

En este ejemplo, convertimos cada elemento de la matriz de números en una cadena de texto que representa el número en formato de moneda. Utilizamos la función toFixed para asegurarnos de que cada número tenga dos dígitos decimales y concatenamos el símbolo de dólar al principio de cada cadena.

Otro uso del método map es para filtrar una matriz. Por ejemplo, si queremos obtener solo los números pares de la matriz original, podemos usar una función de transformación.

const evenNumbers = numbers.map(number => {
if (number % 2 === 0) {
return number;
}
});

En este caso, estamos usando una función de flecha que comprueba si el número es par y, si lo es, lo devuelve. Los números impares no se devuelven y, por lo tanto, no se incluyen en la nueva matriz. De esta manera, podemos usar el método map() para filtrar una matriz según ciertos criterios.

Usando iteración map en matrices de objetos

El método map es utilizado en una gran variedad de situaciones. Por ejemplo, se puede usar para convertir una matriz de objetos en una matriz de valores específicos de esos objetos. Por ejemplo, si tenemos una matriz de objetos person con la propiedad name, podemos usar el método map para obtener una matriz solo con los nombres de las personas.

const people = [
{ name: 'John', age: 20 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 40 }
];
const names = people.map(person => person.name);

En este ejemplo, estamos usando una función de flecha que selecciona la propiedad name de cada objeto y la devuelve. El método map() toma estos valores y los usa para crear una nueva matriz llamada names.

Usando map() para reducir una matriz

Además de aplicar transformaciones y filtros, el método map() también puede ser utilizado para realizar operaciones de reducción en una matriz. Por ejemplo, podemos usarlo para calcular la suma total de todos los números en una matriz:

const sum = numbers.map(number => number).reduce((a, b) => a + b);

En este ejemplo, estamos utilizando el método map para no cambiar ningún elemento de la matriz. Luego, utilizamos el método reduce para iterar sobre los elementos de la matriz y calcular su suma total.

Como puedes ver, el método map es una herramienta muy poderosa en JavaScript y puede ser utilizada en una gran variedad de situaciones para transformar, filtrar y reducir matrices.

Por supuesto, como con cualquier otra función, es importante recordar que el método map no modifica la matriz original. En su lugar, devuelve una nueva matriz con los elementos transformados. Por lo tanto, si queremos guardar los cambios realizados por el método map, necesitamos asignar la nueva matriz a una variable.

Además, es importante tener en cuenta que el método map no es compatible con todos los tipos de datos. Solo puede utilizarse con matrices. Si intentamos usarlo con un dato que no es una matriz, obtendremos un error.

Resumen

En resumen, podemos utilizar el método map() en JavaScript para aplicar transformaciones a los elementos de una matriz. Utilizamos esta función para convertir una matriz de un tipo de datos a otro, filtrar elementos de acuerdo a ciertos criterios, realizar operaciones de reducción y mucho más. Es importante recordar que el método map() no modifica la matriz original y solo es compatible con matrices. Con su ayuda, podemos hacer operaciones complejas en matrices de manera sencilla y concisa.


0 Comments


¿Quieres dejarme algún comentario?

Your email address will not be published. Required fields are marked *

Leave a Reply