👻
Docs & code snippets
  • Page 1
  • GIT
    • Commandes principales
  • SCSS
    • Mixins, extensions, functions
    • Boucles
    • Animations CSS
  • JAVASCRIPT
    • Objets
    • Class
    • If / else
    • Switch
    • For
    • While
    • try / catch (tester une erreur)
    • Functions
    • Méthodes d'instances / statique
    • DOM manipulation
    • Events
    • Fetch
    • Asynchrone & event loop
Powered by GitBook
On this page
  1. JAVASCRIPT

For

La boucle "for" , pour un nombre d'itérations fixe.

1 - La boucle for… in :

const passengers = [
    "Will Alexander",
    "Sarah Kate'",
    "Audrey Simon",
    "Tao Perkington"
]

for (let i in passengers) {
   console.log("Embarquement du passager " + passengers[i]);
}

i démarre automatiquement à zéro, et s'incrémente à chaque boucle. Vous imprimez donc passengers[0] , puis passengers[1] , puis passengers[2] , etc., jusqu'à terminer l'itération sur tous les passagers. Vous pouvez bien sûr imprimer chaque élément sur la console, car chacun est une chaîne contenant le nom du passager.

2 - La boucle for… of :

Pour les cas où l'indice précis d'un élément n'est pas nécessaire pendant l'itération, vous pouvez utiliser une boucle for… of (vous recevez alors simplement chaque élément dans l'ordre) :

const passengers = [
    "Will Alexander",
    "Sarah Kate",
    "Audrey Simon",
    "Tao Perkington"
]

for (let passenger of passengers) {
   console.log("Embarquement du passager " + passenger);
}
const passengers = [
    {
        name: "Will Alexander",
        ticketNumber: 209542
    },
    
    {
        name: "Sarah Kate",
        ticketNumber: 169336
    },
    
    {
        name: "Audrey Simon",
        ticketNumber: 779042
    },
    
    {
        name: "Tao Perkington",
        ticketNumber: 703911
    }
]

for (let passenger of passengers) {
   console.log('Embarquement du passager ' + passenger.name + ' avec le ticket numéro ' + passenger.ticketNumber);
}

Autre exemple, un peu plus poussé :

class Episode {
  constructor(title, duration, hasBeenWatched) {
    this.title = title;
    this.duration = duration;
    this.hasBeenWatched = hasBeenWatched;
  }
}

let episodes = [
  new Episode('Dark Beginnings', 45, true),
  new Episode('The Mystery Continues', 45, false),
  new Episode('An Unexpected Climax', 60, false)
];

// Faire en sorte que chaque épisode apparaissent comme vus
// ======================
for (let episode of episodes) {
   episode.hasBeenWatched = true;
}
PreviousSwitchNextWhile

Last updated 2 years ago