Transformación de Arreglos con el Método map()
Esta sección cubre métodos esenciales de arrays utilizados en la programación diaria: map(), filter(), find(), reduce() y sort(). Comencemos con map().
Para una lista completa de todos los métodos de arrays, puedes consultar la documentación de MDN.
map()
El método map() recorre cada elemento de un array y crea un nuevo array basado en el valor de retorno de la función de callback.
array.map((element, index, array) => {
// Callback body
});
element: elemento actual;index: posición en el array;array: el array original.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Puntos clave a recordar sobre map():
- Procesa cada elemento;
- No modifica el arreglo original;
- Devuelve un nuevo arreglo;
- El arreglo resultante tiene la misma longitud.
Transformación de elementos de un arreglo
El método map() es especialmente útil cuando se necesita transformar cada elemento de un arreglo sin modificar el arreglo original. Considere el siguiente ejemplo:
12345678910const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
1. ¿Qué hace el método map()?
2. ¿Cuál es una característica clave del método map()?
3. En el siguiente ejemplo, ¿qué hace strings.map((element) => (element += "!"))?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain how the map() method works with a different example?
What happens if the callback function in map() does not return a value?
Can you show how to use map() with objects instead of numbers?
Genial!
Completion tasa mejorada a 2.27Transformación de Arreglos con el Método map()
Desliza para mostrar el menú
Esta sección cubre métodos esenciales de arrays utilizados en la programación diaria: map(), filter(), find(), reduce() y sort(). Comencemos con map().
Para una lista completa de todos los métodos de arrays, puedes consultar la documentación de MDN.
map()
El método map() recorre cada elemento de un array y crea un nuevo array basado en el valor de retorno de la función de callback.
array.map((element, index, array) => {
// Callback body
});
element: elemento actual;index: posición en el array;array: el array original.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Puntos clave a recordar sobre map():
- Procesa cada elemento;
- No modifica el arreglo original;
- Devuelve un nuevo arreglo;
- El arreglo resultante tiene la misma longitud.
Transformación de elementos de un arreglo
El método map() es especialmente útil cuando se necesita transformar cada elemento de un arreglo sin modificar el arreglo original. Considere el siguiente ejemplo:
12345678910const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
1. ¿Qué hace el método map()?
2. ¿Cuál es una característica clave del método map()?
3. En el siguiente ejemplo, ¿qué hace strings.map((element) => (element += "!"))?
¡Gracias por tus comentarios!
