JavaScript pour… en vs pour… de Loop
La boucle joue un rôle essentiel dans l'accès aux éléments pour récupérer une valeur en fonction de l'état. Ce résultat effectue une opération sur une chaîne particulière ou un objet commodément. De plus, il est également efficace pour itérer le long des données en vrac pour gagner du temps. Dans ces cas, "pour… dans" et "pour… de«Les boucles offrent de grandes fonctionnalités pour accéder intelligemment aux données.
Ce blog expliquera les différences entre pour… dans et pour… de Loop en JavaScript à l'aide d'exemples.
JavaScript pour… en vs pour… de Loop
Le "pour… dans”Loop est utile en cas d'itération à travers les propriétés d'un objet. Lorsqu'il a été itéré via une chaîne, il renvoie les index correspondant aux valeurs de chaîne plutôt que les valeurs de chaîne.
Le "pour… de”Loop, en revanche, n'est pas préféré pour itération à travers les propriétés de l'objet. Il boucle plutôt à travers les valeurs d'un objet itérable. Cependant, il convient pour itération le long des valeurs de la chaîne car elle y accède facilement et renvoie également les caractères contenus séparément.
Syntaxe
pour (variable en chaîne)
Dans la syntaxe donnée:
- "variable»Fait référence aux caractères contenus dans une chaîne.
- "chaîne»Correspond à la valeur de la chaîne à itérer sur.
pour (variable de itérable)
Dans la syntaxe ci-dessus:
- "variable»Porte la valeur de la propriété suivante qui doit être affectée à la variable à chaque itération.
- "itérable»Indique que l'objet ayant des propriétés itératives.
Exemple 1: itération du pour… dans et pour… des boucles sur la valeur de la chaîne
Cet exemple expliquera le comportement des deux boucles indiquées en les itérant sur la valeur de chaîne spécifiée.
pour… en boucle
Suivons l'exemple ci-dessous du «pour… dans" boucle:
Dans l'extrait de code ci-dessus:
- Attribuez la valeur de chaîne indiquée nommée "Linuxhint".
- Après cela, appliquez le «pour… dans”Boucle pour itérer le long des caractères de chaîne.
- Lors de la journalisation, le résultat pointera plutôt vers les index auxquels les caractères de chaîne sont stockés.
Sortir
À partir de la sortie ci-dessus, on peut observer que les index de chaîne sont récupérés à la place.
pour… de boucle
Observons le comportement du «pour… de”Boucle en itérant via la valeur de chaîne spécifiée ci-dessous:
Dans les lignes de code ci-dessus, effectuez les étapes suivantes:
- De même, spécifiez la valeur de chaîne indiquée.
- Dans l'étape suivante, appliquez le «pour… de”Boucle pour itérer le long de la valeur de chaîne initialisée.
- Enfin, la sortie entraînera la récupération directement des caractères qui sont contenues dans une chaîne et les afficher.
Sortir
Dans la sortie ci-dessus, il est évident que les valeurs de chaîne sont renvoyées.
Exemple 2: itérer pour… dans et pour… de boucle sur l'objet
Dans cet exemple particulier, itérez les deux boucles sur l'objet créé et observez la sortie résultante contre chacun d'eux.
pour… en boucle
Observons le comportement du «pour… dans”Boucle en l'itant en itérant à travers un objet.
Suivons l'exemple indiqué ci-dessous:
Dans les lignes de code ci-dessus:
- Créer un objet nommé "objdata”Avec les propriétés nommées (Harry, Id et Age) et les valeurs correspondantes.
- Dans l'étape suivante, appliquez le «pour… dans”Boucle pour accéder aux propriétés de l'objet ainsi que les valeurs correspondantes.
- Le premier paramètre dans le «enregistrer()»La méthode correspond à la propriété de l'objet et l'autre fait référence à sa valeur correspondante.
- En conséquence, les propriétés et les valeurs de l'objet seront enregistrées sur la console.
Sortir
Dans la sortie ci-dessus, on peut observer que les propriétés de l'objet et les valeurs correspondantes sont affichées sur la console.
pour… de boucle
Voyons l'itération du «pour… de”Boucle sur l'objet.
Jetez un œil au code JavaScript suivant:
Dans l'extrait de code ci-dessus, effectuez les étapes suivantes:
- Rappelez-vous les étapes pour créer un objet dans l'exemple précédent.
- Dans l'étape suivante, appliquez le «pour… de”Boucle de manière similaire à itérer le long des propriétés de l'objet et les valeurs correspondantes.
- Cela entraînera un coup d'œil à une erreur qui peut être vue dans la sortie ci-dessous.
Sortir
À partir de la sortie ci-dessus, on peut observer que l'objet accessible n'est pas itérable.
Conclusion
Le "pour… de«La boucle peut être utilisée pour boucler sur les cordes et le« «pour… dans”Loop peut convenir pour faire boucle sur les objets en javascript. L'ancienne boucle accède directement aux caractères contenus dans une chaîne et les renvoie. Cette dernière boucle peut être utilisée pour faire boucle sur des objets pour accéder à leurs propriétés et aux valeurs correspondantes de manière pratique. Ce tutoriel a expliqué les différences entre pour… dans et pour… de Loop.