JavaScript ενώ και κάντε ... while Loop (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για το while loop και το do … while loop με τη βοήθεια παραδειγμάτων.

Στον προγραμματισμό, οι βρόχοι χρησιμοποιούνται για την επανάληψη ενός μπλοκ κώδικα. Για παράδειγμα, εάν θέλετε να εμφανίσετε ένα μήνυμα 100 φορές, τότε μπορείτε να χρησιμοποιήσετε έναν βρόχο. Είναι απλώς ένα απλό παράδειγμα. μπορείτε να επιτύχετε πολύ περισσότερα με βρόχους.

Στο προηγούμενο σεμινάριο, μάθατε για το JavaScript για βρόχο. Εδώ, πρόκειται να μάθετε whileκαι να κάνετε do… whileβρόχους.

JavaScript ενώ βρόχος

Η σύνταξη του whileβρόχου είναι:

 while (condition) ( // body of loop )

Εδώ,

  1. Ένας whileβρόχος αξιολογεί την κατάσταση μέσα στην παρένθεση ().
  2. Εάν η συνθήκη αξιολογηθεί true, whileεκτελείται ο κωδικός μέσα στον βρόχο.
  3. Η κατάσταση αξιολογείται ξανά.
  4. Η διαδικασία αυτή συνεχίζεται έως ότου η κατάσταση είναι false.
  5. Όταν η συνθήκη αξιολογείται false, ο βρόχος σταματά.

Για να μάθετε περισσότερα σχετικά με τις συνθήκες , επισκεφτείτε τη Σύγκριση JavaScript και τους Λογικούς χειριστές.

Διάγραμμα ροής του Loop

Διάγραμμα ροής της JavaScript κατά βρόχο

Παράδειγμα 1: Εμφάνιση αριθμών από 1 έως 5

 // program to display numbers from 1 to 5 // initialize the variable let i = 1, n = 5; // while loop from i = 1 to 5 while (i <= n) ( console.log(i); i += 1; )

Παραγωγή

 1 2 3 4 5

Δείτε πώς λειτουργεί αυτό το πρόγραμμα.

Επανάληψη Μεταβλητός Κατάσταση: i <= n Δράση
1ος i = 1
n = 5		 true 1 είναι τυπωμένο. αυξάνεται σε 2 .
2ος i = 2
n = 5		 true 2 είναι τυπωμένο. αυξάνεται σε 3 .
3ος i = 3
n = 5		 true Το 3 είναι τυπωμένο. αυξάνεται σε 4 .
4ος i = 4
n = 5		 true 4 είναι τυπωμένο. αυξάνεται σε 5 .
5η i = 5
n = 5		 true 5 είναι τυπωμένο. αυξάνεται σε 6 .
6η i = 6
n = 5		 false Ο βρόχος τερματίζεται

Παράδειγμα 2: Μόνο άθροισμα θετικών αριθμών

 // program to find the sum of positive numbers // if the user enters a negative numbers, the loop ends // the negative number entered is not added to sum let sum = 0; // take input from the user let number = parseInt(prompt('Enter a number: ')); while(number>= 0) ( // add all positive numbers sum += number; // take input again if the number is positive number = parseInt(prompt('Enter a number: ')); ) // display the sum console.log(`The sum is $(sum).`);

Παραγωγή

 Εισαγάγετε έναν αριθμό: 2 Εισαγάγετε έναν αριθμό: 5 Εισαγάγετε έναν αριθμό: 7 Εισαγάγετε έναν αριθμό: 0 Εισαγάγετε έναν αριθμό: -3 Το άθροισμα είναι 14.

Στο παραπάνω πρόγραμμα, ζητείται από τον χρήστη να εισαγάγει έναν αριθμό.

Εδώ, parseInt()χρησιμοποιείται επειδή prompt()λαμβάνει είσοδο από τον χρήστη ως συμβολοσειρά. Και όταν προστίθενται αριθμητικές συμβολοσειρές, συμπεριφέρεται ως συμβολοσειρά. Για παράδειγμα, '2' + '3' = '23'. Έτσι parseInt()μετατρέπει μια αριθμητική συμβολοσειρά σε αριθμό.

Ο whileβρόχος συνεχίζεται έως ότου ο χρήστης εισαγάγει έναν αρνητικό αριθμό. Κατά τη διάρκεια κάθε επανάληψης, ο αριθμός που εισάγεται από τον χρήστη προστίθεται στη sumμεταβλητή.

Όταν ο χρήστης εισάγει έναν αρνητικό αριθμό, ο βρόχος τερματίζεται. Τέλος, εμφανίζεται το συνολικό άθροισμα.

Το JavaScript κάνει… ενώ το Loop

Η σύνταξη του do… whileβρόχου είναι:

 do ( // body of loop ) while(condition)

Εδώ,

  1. Το σώμα του βρόχου εκτελείται αρχικά. Στη συνέχεια αξιολογείται η κατάσταση .
  2. Εάν η συνθήκη αξιολογηθεί true, το σώμα του βρόχου μέσα στη doδήλωση εκτελείται ξανά.
  3. Η κατάσταση αξιολογείται ξανά.
  4. Εάν η συνθήκη αξιολογηθεί true, το σώμα του βρόχου μέσα στη doδήλωση εκτελείται ξανά.
  5. Αυτή η διαδικασία συνεχίζεται έως ότου αξιολογηθεί η συνθήκηfalse . Τότε ο βρόχος σταματά.

Σημείωση : ο do… whileβρόχος είναι παρόμοιος με τον whileβρόχο. Η μόνη διαφορά είναι ότι στο do… whileβρόχο, το σώμα του βρόχου εκτελείται τουλάχιστον μία φορά.

Διάγραμμα ροής του do … while Loop

Το διάγραμμα ροής του JavaScript κάνει … while loop

Ας δούμε τη λειτουργία του do… whileβρόχου.

Παράδειγμα 3: Εμφάνιση αριθμών από 1 έως 5

 // program to display numbers let i = 1; const n = 5; // do… while loop from 1 to 5 do ( console.log(i); i++; ) while(i <= n);

Παραγωγή

 1 2 3 4 5

Δείτε πώς λειτουργεί αυτό το πρόγραμμα.

Επανάληψη Μεταβλητός Κατάσταση: i <= n Δράση
i = 1
n = 5		 Δεν εχει ελεγχθει 1 είναι τυπωμένο. αυξάνεται σε 2 .
1ος i = 2
n = 5		 true 2 είναι τυπωμένο. αυξάνεται σε 3 .
2ος i = 3
n = 5		 true Το 3 είναι τυπωμένο. αυξάνεται σε 4 .
3ος i = 4
n = 5		 true 4 είναι τυπωμένο. αυξάνεται σε 5 .
4ος i = 5
n = 5		 true 6 είναι τυπωμένο. αυξάνεται σε 6 .
5η i = 6
n = 5		 false Ο βρόχος τερματίζεται

Παράδειγμα 4: Άθροισμα θετικών αριθμών

 // to find the sum of positive numbers // if the user enters negative number, the loop terminates // negative number is not added to sum let sum = 0; let number = 0; do ( sum += number; number = parseInt(prompt('Enter a number: ')); ) while(number>= 0) console.log(`The sum is $(sum).`);

Έξοδος 1

 Εισαγάγετε έναν αριθμό: 2 Εισαγάγετε έναν αριθμό: 4 Εισαγάγετε έναν αριθμό: -500 Το άθροισμα είναι 6.

Here, the do… while loop continues until the user enters a negative number. When the number is negative, the loop terminates; the negative number is not added to the sum variable.

Output 2

 Enter a number: -80 The sum is 0.

The body of the do… while loop runs only once if the user enters a negative number.

Infinite while Loop

If the condition of a loop is always true, the loop runs for infinite times (until the memory is full). For example,

 // infinite while loop while(true)( // body of loop )

Here is an example of an infinite do… while loop.

 // infinite do… while loop const count = 1; do ( // body of loop ) while(count == 1)

In the above programs, the condition is always true. Hence, the loop body will run for infinite times.

for Vs while Loop

A for loop is usually used when the number of iterations is known. For example,

 // this loop is iterated 5 times for (let i = 1; i <=5; ++i) ( // body of loop )

Και whileκαι do… whileοι βρόχοι χρησιμοποιούνται συνήθως όταν ο αριθμός των επαναλήψεων είναι άγνωστες. Για παράδειγμα,

 while (condition) ( // body of loop )

ενδιαφέροντα άρθρα...