Transformation des Tableaux avec la Méthode map()
Cette section aborde les méthodes de tableau essentielles utilisées dans le codage quotidien : map(), filter(), find(), reduce() et sort(). Commençons par map().
Pour une liste complète de toutes les méthodes de tableau, consultez la documentation MDN officielle.
map()
La méthode map() parcourt chaque élément d’un tableau et crée un nouveau tableau basé sur la valeur de retour de la fonction de rappel.
array.map((element, index, array) => {
// Callback body
});
element: élément courant ;index: position dans le tableau ;array: tableau d’origine.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Points clés à retenir concernant map() :
- Traite chaque élément ;
- Ne modifie pas le tableau d'origine ;
- Retourne un nouveau tableau ;
- Le tableau résultant a la même longueur.
Transformation des éléments d'un tableau
La méthode map() est particulièrement utile lorsque chaque élément d'un tableau doit être transformé sans modifier le tableau d'origine. Considérez l'exemple suivant :
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. Que fait la méthode map() ?
2. Quelle est une caractéristique clé de la méthode map() ?
3. Dans l'exemple ci-dessous, que fait strings.map((element) => (element += "!")) ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
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?
Génial!
Completion taux amélioré à 2.27Transformation des Tableaux avec la Méthode map()
Glissez pour afficher le menu
Cette section aborde les méthodes de tableau essentielles utilisées dans le codage quotidien : map(), filter(), find(), reduce() et sort(). Commençons par map().
Pour une liste complète de toutes les méthodes de tableau, consultez la documentation MDN officielle.
map()
La méthode map() parcourt chaque élément d’un tableau et crée un nouveau tableau basé sur la valeur de retour de la fonction de rappel.
array.map((element, index, array) => {
// Callback body
});
element: élément courant ;index: position dans le tableau ;array: tableau d’origine.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Points clés à retenir concernant map() :
- Traite chaque élément ;
- Ne modifie pas le tableau d'origine ;
- Retourne un nouveau tableau ;
- Le tableau résultant a la même longueur.
Transformation des éléments d'un tableau
La méthode map() est particulièrement utile lorsque chaque élément d'un tableau doit être transformé sans modifier le tableau d'origine. Considérez l'exemple suivant :
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. Que fait la méthode map() ?
2. Quelle est une caractéristique clé de la méthode map() ?
3. Dans l'exemple ci-dessous, que fait strings.map((element) => (element += "!")) ?
Merci pour vos commentaires !
