JavaScript για βρόχο (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για τους βρόχους και για τους βρόχους σε JavaScript με τη βοήθεια παραδειγμάτων.

Στον προγραμματισμό, οι βρόχοι χρησιμοποιούνται για την επανάληψη ενός μπλοκ κώδικα.

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

Αυτό το σεμινάριο εστιάζει στον forβρόχο JavaScript . Θα μάθετε για τον άλλο τύπο βρόχων στα προσεχή μαθήματα.

JavaScript για βρόχο

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

  for(initialExpression; condition; updateExpression) ( // for loop body )

Εδώ,

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

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

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

Παράδειγμα 1: Εμφάνιση κειμένου πέντε φορές

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Παραγωγή

Λατρεύω τη JavaScript. Λατρεύω τη JavaScript. Λατρεύω τη JavaScript. Λατρεύω τη JavaScript. Λατρεύω τη JavaScript.

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

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

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

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Παραγωγή

 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 Ο βρόχος τερματίζεται.

Παράδειγμα 3: Εμφάνιση αθροίσματος n Φυσικών αριθμών

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Παραγωγή

 άθροισμα: 5050

Εδώ, η τιμή του αθροίσματος είναι αρχικά 0 . Στη συνέχεια, ένας forβρόχος επαναλαμβάνεται από i = 1 to 100. Σε κάθε επανάληψη, προστίθεται το άθροισμα και η αξία του αυξάνεται κατά 1 .

Όταν γίνω 101 , η κατάσταση δοκιμής είναι falseκαι το άθροισμα θα είναι ίσο με 0 + 1 + 2 +… + 100.

Το παραπάνω πρόγραμμα για την προσθήκη αθροίσματος φυσικών αριθμών μπορεί επίσης να γραφτεί ως

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Αυτό το πρόγραμμα δίνει επίσης την ίδια έξοδο με το Παράδειγμα 3 . Μπορείτε να επιτύχετε την ίδια εργασία με πολλούς διαφορετικούς τρόπους στον προγραμματισμό. ο προγραμματισμός αφορά τη λογική.

Παρόλο που και οι δύο τρόποι είναι σωστοί, θα πρέπει να προσπαθήσετε να κάνετε τον κώδικα πιο ευανάγνωστο.

JavaScript Άπειρο για βρόχο

Εάν η δοκιμαστική κατάσταση σε έναν forβρόχο είναι πάντα true, εκτελείται για πάντα (μέχρι να γεμίσει η μνήμη). Για παράδειγμα,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

Στο παραπάνω πρόγραμμα, η συνθήκη είναι πάντα η trueοποία θα τρέξει τον κώδικα για άπειρους χρόνους.

Στο επόμενο σεμινάριο, θα μάθετε whileκαι να κάνετε do… whileloop.

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