Maison> interface Web> js tutoriel> le corps du texte

Boucles : boucles For, boucles While, boucles For...Of, boucles For...In

PHPz
Libérer: 2024-08-07 09:57:32
original
873 Les gens l'ont consulté

Loops: For Loops, While Loops, For...Of Loops, For...In Loops

Le but du bouclage est de répéter certaines fonctionnalités.

Certains types de boucles incluent :

  • pour la boucle
  • boucle while
  • pour...de boucle
  • pour...en boucle

Pour la boucle

Pour écrire une boucle for simple comme suit :

for (let i = 1; i <= 10; i++) { console.log(i); // prints numbers 1-10 }
Copier après la connexion

Pour parcourir un tableau, nous pouvons procéder comme suit :

const animals = ['lizard', 'fish', 'turtle']; for (let i = 0; i < animals.length; i++) { console.log(i, animals[i]); } // 0 'lizard' // 1 'fish' // 2 'turtle'
Copier après la connexion

Nous pouvons également parcourir ce tableau en boucle à l'envers :

for (let i = animals.length - 1; i >= 0; i--) { console.log(i, animals[i]); } // 2 'turtle' // 1 'fish' // 0 'lizard'
Copier après la connexion

On peut aussi faire une boucle dans une boucle :

for (let i = 0; i <= 2; i++) { for (let j = 0; j < 2; j++) { console.log(`i=${i}, j=${j}`); } } // i=0, j=0 // i=0, j=1 // i=1, j=0 // i=1, j=1 // i=2, j=0 // i=2, j=1
Copier après la connexion

C'est utile si nous voulons parcourir un tableau de tableaux :

const seatingChart = [ ['Abigale', 'Tim', 'Cynthia'], ['Bob', 'Carter', 'Zane', 'Tanja'], ['Quin', 'Xavier'], ]; // To print each name individually from seatingChart: for (let i = 0; i < seatingChart.length; i++) { for (let j = 0; j < seatingChart[i].length; j++) { console.log(seatingChart[i][j]); } }
Copier après la connexion

Boucle while

Un exemple de boucle while simple est :

let num = 0; // to print out 0 through 4: while (num < 5) { console.log(num); num++; }
Copier après la connexion

Casser le mot-clé

Le mot-clé break peut être utilisé pour quitter une boucle while :

let input = prompt('Say something:'); while (true) { input = prompt(input); if (input === 'stop copying me') { break; // finally stops prompting user } }
Copier après la connexion

Il peut également être utilisé pour quitter une boucle for. Disons que nous avons la ligne :

let line = ['Abby', 'Salvia', 'Jamie', 'Carter', 'John'];
Copier après la connexion

et nous voulons afficher tous ceux qui précèdent Jamie, mais pas Jamie :

for (let i = 0; i < line.length; i++) { if (line[i] === 'Jamie') break; console.log(line[i]); }
Copier après la connexion

Pour...Des boucles

Si nous voulons imprimer chaque valeur d'un tableau, nous pouvons faire quelque chose comme :

let people = ['Agitha', 'Bruce', 'Charlie', 'Dane', 'Ernie']; // to print each persons name: for (let person of people) { console.log(person); }
Copier après la connexion

Pour rendre notre exemple de plan de salle d'avant plus lisible, nous pouvons faire :

const seatingChart = [ ['Abigale', 'Tim', 'Cynthia'], ['Bob', 'Carter', 'Zane', 'Tanja'], ['Quin', 'Xavier'], ]; // To print each name individually from seatingChart: for (let row of seatingChart) { for (let person of row) { console.log(person); } }
Copier après la connexion

Pour...Dans les boucles

Si nous voulons parcourir chaque paire clé-valeur dans un objet, nous pouvons faire quelque chose comme :

const testScores = { jim: 34, abby: 93, greg: 84, mark: 95, melvin: 73, }; for (let person in testScores) { console.log(`${person} scored ${testScores[person]}`); }
Copier après la connexion

Si nous voulons obtenir la moyenne des testScores en utilisant For...Of, nous pouvons procéder comme suit :

let total = 0; let scores = Object.values(testScores); for (let score of scores) { total += score; } let avg = total / scores.length; console.log(avg);
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!