JavaScript Tutorial

JavaScript pour dans


La boucle For In

Le Javascript for in L’instruction parcourt les propriétés d’un objet :

Syntaxe

pour (saisir l’objet) {
// bloc de code à exécuter
}

Exemple

const person = {fname: »John », lname: »Doe », age:25} ;

laisser texte = «  » ;
pour (laisser x en personne) {
texte += personne[x];
}

Essayez-le vous-même »

Exemple expliqué

  • Le pour dans boucle itère sur un personne objet
  • Chaque itération renvoie un clé (X)
  • La clé est utilisée pour accéder au valeur de la clé
  • La valeur de la clé est personne[x]

Pour dans les tableaux

Le Javascript for in L’instruction peut également boucler sur les propriétés d’un tableau :

Syntaxe

pour (variable dans le tableau) {
code
}

Exemple

nombres constants = [45, 4, 9, 16, 25];

laissez txt = «  » ;
pour (laisser x en chiffres) {
txt += chiffres[x];
}

Essayez-le vous-même »

Ne pas utiliser pour dans sur un Array si l’index commande est important.

L’ordre de l’index dépend de l’implémentation et les valeurs de tableau peuvent ne pas être accessibles dans l’ordre attendu.

Il vaut mieux utiliser un pour boucle, une pour de boucle, ou Array.forEach() lorsque la commande est importante.



Array.forEach()

Le forEach() La méthode appelle une fonction (une fonction de rappel) une fois pour chaque élément du tableau.

Exemple

nombres constants = [45, 4, 9, 16, 25];

laissez txt = «  » ;
nombres.forEach(myFunction);

function maFonction(valeur, index, tableau) {

txt += valeur ;
}

Essayez-le vous-même »

Notez que la fonction prend 3 arguments :

  • La valeur de l’article
  • L’index des articles
  • Le tableau lui-même

L’exemple ci-dessus utilise uniquement le paramètre value. Il peut être réécrit en :

Exemple

nombres constants = [45, 4, 9, 16, 25];

laissez txt = «  » ;
nombres.forEach(myFunction);

function maFonction(valeur) {

txt += valeur ;
}

Essayez-le vous-même »

#JavaScript #pour #dans

Articles similaires

Bouton retour en haut de la page