Javascript pour de | Expliqué

En JavaScript, le «pour… de»L'instruction est avantageuse pour récupérer la chaîne ou les éléments de tableau séparément dans le cas de travailler avec une chaîne ou un élément de tableau spécifique. Par exemple, lorsque vous devez effectuer un calcul sur tous les éléments d'un tableau ou les afficher simultanément. Il peut également être utilisé pour itérer le long de la carte ou des objets d'argument.

Ce blog concerne l'utilisation de JavaScript pour… de la déclaration. Alors, commençons!

Qu'est-ce que JavaScript pour… de la déclaration?

"pour… de”L'instruction fait des boucles à travers les valeurs d'un objet itérable qui peut être un tableau, une chaîne, un ensemble, une carte ou un argument. Il est également utilisé pour accéder à tous les éléments simultanément en se référant à une variable créée.

Comment utiliser JavaScript pour… de la déclaration?

Pour utiliser le javascript pour… de l'instruction, utilisez la syntaxe fournie:

pour (variable de itérable)

Dans la syntaxe donnée, "variable"Fait référence aux éléments du spécifié"itérable», Qui peut être une chaîne ou un tableau. Notez que la variable mentionnée peut être déclarée avec const, let, ou var.

Les exemples suivants expliqueront les applications de la déclaration discutée dans différents scénarios de cas.

Exemple 1: itération sur un tableau

Dans l'exemple suivant, nous créerons un tableau avec les valeurs suivantes:

Soit Array = [10, 20, 30];

Maintenant, appliquez le «pour… de»Instructions pour itérer le long du tableau spécifié. Le "article»Fera référence à la gamme d'articles. De plus, dans chaque itération, le «2«Sera incrémenté dans les valeurs du tableau:

pour (Laissez élément de tableau)
item = item + 2;
console.log ("Les éléments du tableau sont:", item);

La sortie de l'implémentation ci-dessus sera la suivante:

Exemple 2: itération sur une valeur de chaîne

Dans cet exemple, nous déclarerons une valeur de chaîne nommée «forcer»:

Soit String = 'Forof';

Maintenant, itérez le long des caractères de la chaîne en appliquant le "pour… de"Instruction et accédez aux caractères de chaîne via une variable nommée"personnage»Et les enregistrer séparément sur la console:

pour (laisser le caractère de la chaîne)
console.log ("Les éléments de chaîne sont:", caractère);

Sortir

Exemple 3: itération des objets de carte

Tout d'abord, créez un nouvel objet MAP en utilisant le «Nouvelle carte ()" méthode:

LET MAPID = NOUVEAU MAP ();

Ensuite, utilisez le «ensemble()”Méthode pour définir les valeurs de la clé spécifiée:

comparreur.set ('name', 'Harry');
comparreur.set ('id', 'aucun');

Maintenant, appliquez le «pour… de»Déclaration afin d'itérer le long des éléments de la carte contenus dans«comparreur»Et affichez-les:

pour (laissez la carte de Mapid)
console.log ("Les éléments du tableau sont:", map);

Sortir

Exemple 4: itération sur les objets définis

Tout d'abord, créez un nouvel ensemble en utilisant le «Nouveau set ()”Méthode avec les valeurs suivantes:

Soit sets = nouveau set ([10, 20]);

Ensuite, appliquez le «pour… de”Instruction pour accéder aux valeurs définies une par une et les connecter sur la console:

pour (laisser un ensemble de sets)
console.log ("Les éléments set sont:", set);

Sortir

Exemple 5: itérer des objets d'arguments

Tout d'abord, définissez une fonction nommée «Forof ()". Ici, "arguments»Est un objet appliqué à l'intérieur de la fonction qui contient la valeur spécifiée des arguments transmis à la fonction particulière:

fonction Forof ()
pour (constant de la valeur des arguments)
console.log ("Les éléments d'argument sont:", valeur);

Enfin, invoquez le «Forof ()«Fonction en passant les valeurs comme arguments:

Forof (10, 20);

Sortir

Nous avons fourni différentes implémentations du «pour… de»Déclaration en javascript.

Conclusion

Le "pour… de»La déclaration est utilisée pour itérer sur un tableau en ajoutant les éléments de tableau et en les affichant. Vous pouvez appliquer l'instruction pour itérer sur un tableau, une chaîne, un objet de carte, un objet définis et des arguments. Cet article a démontré les applications du pour… de la déclaration en appliquant divers exemples.