El método map() en JavaScript crea una nueva matriz aplicando una función a cada elemento de la matriz original. Omite elementos vacíos y no altera la matriz original, lo que lo hace ideal para transformar datos.

Una característica notable del método map() es su manejo de elementos vacíos. Automáticamente omite la ejecución de la función de devolución de llamada para estos elementos y se centra únicamente en procesar valores que no están vacíos. Este comportamiento garantiza un procesamiento eficiente y optimizado, mejorando el rendimiento general de las transformaciones de matrices.

Sintaxis:

map((element, index, array) =>{ /* … */ }) 

Parámetros:

• elemento: Es un parámetro obligatorio y contiene el valor del elemento actual.
• índice: Es un parámetro opcional y contiene el índice del elemento actual.
• llegar: Es un parámetro opcional y contiene la matriz.

Valor de retorno:

Devuelve una nueva matriz y los elementos de la matriz son el resultado de la función de devolución de llamada.

Ejemplo: Aquí estamos usando el map()> Método para crear una nueva matriz que contenga las raíces cuadradas de cada número en la matriz original.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(núm)); console.log(raíces cuadradas); // Salida: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Ejemplo : Este ejemplo utiliza el método array map() y devuelve el cuadrado del elemento de la matriz.

// Input array let arr = [2, 5, 6, 3, 8, 9]; // Using map to transform elements let newArr = arr.map(function (val, index) {  return { key: index, value: val * val }; }) // Display output console.log(newArr) 

[ { key: 0, value: 4 }, { key: 1, value: 25 }, { key: 2, value: 36 }, { key: 3, value: 9 }, { key: 4, value: 64 }, { key: 5, value: 81 } ] 

Ejemplo: Este ejemplo utiliza el método array map() para concatenar el carácter 'A' con cada carácter del nombre.

//Input string let name = 'Geeks'; // New array of character and names // concatenated with 'A' let newName = Array.prototype.map.call(name, function (item) {  return item + 'A'; }) // Display output console.log(newName) 

[ 'GA', 'eA', 'eA', 'kA', 'sA' ] 

Usar una función de devolución de llamada con un argumento

Usando parseInt() con el método map(). El parseInt()> La función convierte cadenas a números enteros. Cuando se usa con map()> , convierte cada elemento de una matriz de cadenas en números enteros.

Ejemplo: Aquí, estamos usando parseint con map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(cadena)); console.log(enteros); // Salida: [10, 20, 30] 

[ 10, 20, 30 ] 

Tenemos una lista completa de métodos de matriz de Javascript; para verificarlos, consulte esto Referencia completa de matriz Javascript artículo.

Tenemos una hoja de trucos sobre Javascript donde cubrimos todos los temas importantes de Javascript. Para verificarlos, consulte Hoja de referencia de Javascript: una guía básica de JavaScript .

JavaScript es más conocido por el desarrollo de páginas web, pero también se utiliza en una variedad de entornos que no son de navegador. Puedes aprender JavaScript desde cero siguiendo esto Tutorial de JavaScript y Ejemplos de JavaScript .