Le Méthode map() en JavaScript crée un nouveau tableau en appliquant une fonction à chaque élément du tableau d'origine. Il ignore les éléments vides et ne modifie pas le tableau d'origine, ce qui le rend idéal pour transformer des données.

Une caractéristique notable de la méthode map() est sa gestion des éléments vides. Il ignore automatiquement l'exécution de la fonction de rappel pour ces éléments, se concentrant uniquement sur le traitement des valeurs non vides. Ce comportement garantit un traitement efficace et rationalisé, améliorant ainsi les performances globales des transformations de tableau.

Syntaxe:

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

Paramètres:

• élément: C'est un paramètre obligatoire et il contient la valeur de l'élément actuel.
• indice: C'est un paramètre facultatif et il contient l'index de l'élément actuel.
• arrivée : C'est un paramètre facultatif et il contient le tableau.

Valeur de retour :

Il renvoie un nouveau tableau et les éléments des tableaux sont le résultat de la fonction de rappel.

Exemple: Ici, nous utilisons le map()> méthode pour créer un nouveau tableau contenant les racines carrées de chaque nombre dans le tableau d’origine.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); console.log(squareRoots); // Sortie : [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Exemple : Cet exemple utilise la méthode array map() et renvoie le carré de l'élément du tableau.

// 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 } ] 

Exemple: Cet exemple utilise la méthode array map() pour concaténer le caractère « A » avec chaque caractère du nom.

//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' ] 

Utiliser une fonction de rappel avec un argument

Utilisation de parseInt() avec la méthode map(). Le parseInt()> la fonction convertit les chaînes en entiers. Lorsqu'il est utilisé avec map()> , il convertit chaque élément d'un tableau de chaînes en entiers.

Exemple: Ici, nous utilisons parseint avec map().

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

[ 10, 20, 30 ] 

Nous avons une liste complète des méthodes Javascript Array, pour les vérifier, veuillez consulter ceci Référence complète du tableau Javascript article.

Nous avons une aide-mémoire sur Javascript dans laquelle nous avons couvert tous les sujets importants de Javascript pour les vérifier, veuillez les parcourir Aide-mémoire Javascript - Un guide de base pour JavaScript .

JavaScript est surtout connu pour le développement de pages Web, mais il est également utilisé dans divers environnements autres que les navigateurs. Vous pouvez apprendre JavaScript à partir de zéro en suivant ceci Tutoriel JavaScript et Exemples JavaScript .