Méthode de carte du tableau en javascript | Expliqué

Dans JavaScript, une méthode intégrée nommée Array.map () est utilisé pour créer un nouveau tableau modifié; Pour ce faire, il traverse un tableau et invoque une fonction pour chaque élément du tableau. Il est très utile dans un scénario où nous devons implémenter certaines procédures / actions sur chaque élément de tableau. Par exemple, la multiplication de chaque élément de tableau avec un nombre spécifique, ou la recherche de la racine carrée de chaque élément de tableau, et ainsi de suite.

Dans cet article, nous couvrirons les résultats d'apprentissage ci-dessous du tableau.Méthode map ():

• Qu'est-ce que le tableau.map () en javascript?
• Syntaxe de base
• Qu'est-ce que le tableau.Retour de la méthode map ()?
• Comment le tableau.La méthode map () fonctionne en javascript?

Alors, commençons!

Qu'est-ce que le tableau.map () en javascript?

Array Map () est une fonction de tableau intégrée qui crée un nouveau tableau modifié basé sur certains critères spécifiques. Le tableau.La méthode map () invoque une fonction de rappel pour chaque élément du tableau et crée un nouveau tableau modifié qui contient les éléments modifiés qui sont renvoyés par la fonction de rappel.

Syntaxe de base

Voici la syntaxe du tableau.Méthode map () en javascript:

déployer.map (fonction (current_element, index, arr), thisValue)

La syntaxe montre le tableau.La fonction map () peut prendre plusieurs paramètres, cependant, tous ces paramètres ne sont pas obligatoires:

• Le paramètre fonction () mieux connu sous le nom de fonction de rappel est obligatoire, et il sera appelé à chaque élément du tableau.
• current_element est un paramètre requis qui conserve la valeur de l'élément actuel.
• L'index est un paramètre facultatif qui maintient l'index du CurrentElement.
• Arr est un paramètre facultatif qui maintient le tableau actuel.
• ThisValue est également un paramètre facultatif dont la valeur par défaut n'est pas définie et utilise la valeur transmise à la fonction comme «cette» valeur.

Qu'est-ce que le tableau.Retour de la méthode map ()?

En javascript, le tableau.La méthode map () renvoie le résultat de la fonction de rappel pour chaque élément de tableau.

Comment le tableau.La méthode map () fonctionne en javascript?

Jusqu'à présent, nous avons appris les concepts théoriques de la méthode map (), maintenant nous allons mettre en œuvre ces concepts pratiquement.

Tâche 1: ajouter 50 à chaque élément de tableau

Dans cet exemple de programme, nous apprendrons à utiliser le tableau.Méthode map () pour ajouter «50» à chaque élément du tableau donné:

var originalArray = [12, 16, 32, 27, -31, 17];
Var Result = OriginalArray.map (addValue);
fonction addValue (valeurs)
Valeurs de retour + 50;

console.log ("Array résultant:", résultat);

Le programme ci-dessus a effectué les tâches ci-dessous:

• Premièrement, nous avons créé un tableau nommé «OriginalArray» qui comprend des nombres positifs et négatifs.
• Ensuite, nous avons utilisé le tableau.Méthode map () pour en ajouter 50 à chaque élément du tableau.
• Pour ce faire, nous avons créé une fonction nommée «addValue ()» qui ajoutera 50 à l'élément actuel du tableau, et ensuite, il renverra l'élément modifié.
• Enfin, nous avons utilisé la méthode Console () pour imprimer le tableau d'éléments modifiés:

La production a prouvé que le tableau.La méthode map () a renvoyé un tableau d'éléments modifiés (i.e., Chaque élément est incrémenté de 50).

Tâche 2: Comment utiliser le tableau.Méthode map () avec un tableau d'objets

Dans le bloc de code suivant, nous apprendrons à utiliser le tableau.Méthode map () pour rejoindre l'EMPNAME et ID:

var employés = [
empname: "Mike", id: 12,
empname: "Seth", id: 15,
]]
var empdetails = employés.map (fonction (valeur)
return '$ valeur.empname $ valeur.identifiant';
)
console.log ("Détails de l'employé:", empDetails);

Dans ce programme, nous avons utilisé le tableau.Méthode map () pour traverser le tableau et combiner le nom de l'employé et l'ID de l'employé:

C'est ainsi que le tableau.La méthode map () fonctionne avec un tableau d'objets.

Tâche 3: Comment utiliser des méthodes intégrées avec un tableau.Méthode map ()

Dans cet exemple, nous apprendrons à utiliser une méthode intégrée pour trouver le carré des éléments du tableau:

var originalArray = [3, 2, 5, 9, 7];
var resultantArray = OriginalArray.map (sqrValue);
fonction sqrValue (valeurs)
retour des mathématiques.POW (valeurs, 2);

console.Log ("Détails des employés:", résultatArray);

Dans cet exemple de programme, nous avons utilisé les mathématiques.Pow () Fonction pour trouver le carré d'un élément. Nous avons utilisé le tableau.Méthode map () pour traverser chaque élément de tableau et retourner le carré de chaque élément du tableau donné.

C'est ainsi que nous pouvons utiliser n'importe quelle méthode intégrée avec le tableau.Méthode map () pour atteindre différentes fonctionnalités.

Conclusion

En javascript, array.Map () est une fonction de tableau intégrée qui crée un nouveau tableau modifié basé sur certains critères spécifiques. Le tableau.La méthode map () invoque une fonction de rappel pour chaque élément du tableau et crée un nouveau tableau modifié qui contient les éléments modifiés qui sont renvoyés par la fonction de rappel. Cet article a décrit ce que le tableau.la méthode map () est? Et comment cela fonctionne en JavaScript en utilisant quelques exemples pertinents.