Comment utiliser la fonction de carte en javascript?

Comment utiliser la fonction de carte en javascript?

Parfois, déterminer le code compliqué dans le langage de programmation prend trop de temps. Pour ce faire, il est nécessaire de simplifier le code qui améliorera la compréhension, la lisibilité et les performances du code déclaré. Les plusieurs méthodes peuvent être utilisées à cet effet. Le javascript "carte()«La fonction est l'une d'entre elles invoquée pour faire un tableau sous forme de valeurs de paire.

Ce message a démontré comment utiliser la fonction de carte de JavaScript.

Comment utiliser la fonction de carte du javascript?

Pour utiliser la fonction de carte utilisez "carte()»Méthode en JavaScript. Il s'agit d'une méthode JavaScript qui génère un nouveau tableau contenant les résultats ou la sortie de la fonction d'appel sur l'élément individuel du tableau d'appel.

Syntaxe

Pour utiliser la fonction de carte en JavaScript, la syntaxe indiquée peut être utilisée:

art.map (fonction (élément, index, array) , this);


Ici:

    • "fonction()”Est ​​défini dans la méthode map () qui détermine une certaine valeur.
    • "élément»Fait référence à l'élément actuel qui est traité dans le tableau.
    • "indice»Spécifie les valeurs de l'élément actuel dans le tableau.
    • "déployer"Est utilisé pour appeler la méthode.

Exemple 1: Utilisez la fonction de carte pour les données numériques

Pour utiliser la fonction MAP pour les données numériques, suivez les instructions indiquées énumérées ci-dessous:

    • Déclarer et initialiser la variable.
    • Attribuer une valeur sous forme de données numériques à la variable définie dans un tableau:
Var Array = [5, 7, 2, 3, 6, 8];
    • Ensuite, initialisez une autre variable avec un nom différent et utilisez le «art.carte()«Méthode de JavaScript et définissez une fonction comme le paramètre de la méthode définie.
    • Ensuite, ajoutez des valeurs et index comme les paramètres de fonction.
    • Spécifie le "retour”Mot-clé et formule selon l'extrait de code:
var newarray = arr.map (fonction (val, index)
return key: index, valeur: val * val;
)

Enfin, invoquez le «console.enregistrer()«Pour afficher la sortie de la console:

console.journal (newArray)



Exemple 2: Utilisez la fonction de carte pour les données de texte

Pour utiliser la fonction MAP pour les données de texte, suivez les instructions enrôlées:

    • Initialiser une variable et attribuer la valeur du texte à cette variable.
    • Déclarer une autre variable et invoquer la méthode de la carte.
    • À l'intérieur de "carte()”Méthode, spécifiez la variable et la fonction comme paramètre.
    • Ensuite, utilisez le "retour»Et ajoutez l'élément à la carte avec la valeur variable définie. Pour ce faire, le «H”Alphabet est ajouté ici:
var fname = "hafsa";
var newname = array.prototype.carte.appel (fname, fonction (item)
return item + 'h';
)


Enfin, utilisez le «console.enregistrer()”Méthode pour afficher la sortie sur la console:

console.journal (newname)


En conséquence, le «H”Est ​​mappé avec chaque alphabet de la valeur variable définie:


Il s'agit d'utiliser la fonction de carte en javascript.

Conclusion

Pour utiliser la fonction de carte en JavaScript, le «carte()«La méthode peut être utilisée, où la fonction est définie comme un paramètre de la méthode de carte. De plus, spécifiez le «valeur" et "indice”Comme paramètres de fonction. Plus précisément, la fonction de carte est utilisée pour fabriquer les éléments sous la forme de valeurs de paire. Cet article a indiqué les multiples méthodes d'utilisation de la fonction de carte de JavaScript.