Itérer des éléments de tableau utilisant .Méthode de carte en javascript

JavaScript est l'un des langages de script les plus connus qui offrent des tableaux pour stocker différents éléments sous le même nom. Il existe différentes méthodes disponibles dans JavaScript à travers lesquelles nous pouvons parcourir les tableaux par exemple pour boucle, alors que boucle, pour chaque méthode, et bien plus encore mais le plus courant parmi tout cela est le carte() méthode.

Cet article explique comment itérer via des éléments de tableau .carte() Méthode en javascript.

Quelle est la méthode map ()?

Le carte() La méthode est une méthode de tableau intégré qui itère dans le tableau et remplit une fonction sur chaque élément du tableau.

• Le tableau d'origine reste le même que cette fonction renvoie un nouveau tableau avec la même longueur.
• Il convient également de noter que le carte() La méthode ne s'exécute pas pour un tableau vide.

Syntaxe de MAP () Méthode:

MyArray.map ((valeur, index, array) =>
retour;
);

La méthode MAP a une fonction de rappel (l'équivalent asynchrone d'une fonction) qui accepte trois paramètres:

• Valeur: C'est la valeur ou l'élément actuel du tableau
• Indice: Il s'agit de l'index actuel de l'élément de tableau sur lequel la fonction s'exécute.
• Déployer: C'est le tableau cible.

Exemple 1

Dans cet exemple, nous allons parcourir un tableau en multipliant chaque élément du tableau avec 2:

// un tableau
ConstmynUmbers = [4, 8, 9, 15, 20];
// Multipliez chaque élément du tableau avec 2
constmultipliedwithtwo = mynumbers.map ((valeur) =>
valeur de retour * 2;
);
// Afficher le tableau retourné
console.log (multipliéwithtwo);

Dans le code ci-dessus d'abord, nous avons initialisé un tableau puis appliqué le carte() Méthode sur le tableau d'origine. À l'intérieur de la fonction, nous avons retourné la valeur multipliée par deux. Il convient de noter que les paramètres d'index et de tableau peuvent être omis lorsque vous ne voulez pas les utiliser. Le tableau résultant est stocké dans multiplié avec variable, puis nous avons affiché cette variable en utilisant le console.enregistrer() méthode.

Nous pouvons voir dans la sortie ci-dessus que chaque élément du tableau d'origine est multiplié par 2 et nous avons obtenu notre résultat souhaité.

Lorsque l'opération que vous effectuez sur chaque élément est d'une ligne de code, la manière plus simple et plus propre d'implémenter le carte() La méthode est utilisée qui est donnée ci-dessous:

// un tableau
ConstmynUmbers = [4, 8, 9, 15, 20];
// Multipliez chaque élément du tableau avec 2
constmultipliedwithtwo = mynumbers.map ((valeur) => valeur * 2);
// Afficher le tableau retourné
console.log (multipliéwithtwo);

Il n'y a pas de supports bouclés et de retour.

La sortie est toujours la même que celle vue dans la capture d'écran ci-dessus.

Exemple 2

Regardons un autre exemple où ira à travers un éventail de chaînes:

// un tableau
constFirstNames = ["super", "bat", "araignée", "fer"];
// Ajouter un homme avec chaque chaîne dans le tableau
CONSTHEROOSAMES = FirstName.map ((valeur) => valeur + "man");
// Afficher le tableau retourné
console.Log (HeroOsNames);

Dans le code ci-dessus, nous avons d'abord initialisé un tableau avec les prénoms des célèbres super-héros. Ensuite, nous avons appliqué le carte() Méthode sur ce tableau où nous avons concaténé la chaîne "homme" avec chaque élément du prénoms déployer. En fin de compte, nous avons affiché le tableau retourné du carte() Méthode utilisant la console.Méthode log ():

On peut voir qu'avec chaque élément homme a été concaténé.

Conclusion

Pour itérer sur un tableau JavaScript nous offre une variété de techniques, y compris des boucles et le pour chaque() méthode. Cependant, la technique d'itération la plus célèbre est la carte() méthode. Le carte() La méthode s'exécute pour l'élément de chaque tableau et renvoie un nouveau tableau qui a la longueur exactement égale au tableau d'origine.

Cet article explique comment itérer à travers un tableau en utilisant le carte() Méthode en javascript avec deux exemples.