Πώς να σπάσετε τους βρόχους JavaScript και γιατί μπορεί να χρειαστεί


Ένας βρόχος δεν χρειάζεται πάντα να ολοκληρώνεται για να πετύχει τον στόχο του. Σε τέτοιες περιπτώσεις, το να ξεφύγετε νωρίς από έναν βρόχο μπορεί να επιταχύνει τον κώδικά σας.

Βασικά Takeaways

  • Οι βρόχοι JavaScript είναι απαραίτητοι για την επανάληψη του κώδικα και η κατανόηση της σύνταξης και των αποχρώσεων τους είναι ζωτικής σημασίας.
  • Η δήλωση break σάς επιτρέπει να τερματίσετε νωρίς έναν βρόχο, επιτρέποντας πιο αποτελεσματική εκτέλεση κώδικα.
  • Η έξοδος από έναν βρόχο μπορεί να βελτιστοποιήσει τον κώδικά σας, να αποτρέψει περιττές επαναλήψεις και να βοηθήσει στην αποτελεσματική διαχείριση των σφαλμάτων.

Οι βρόχοι JavaScript σάς επιτρέπουν να επαναλαμβάνετε τον κώδικα, αλλά μερικές φορές θα χρειαστεί να βγείτε από έναν βρόχο για να χειριστείτε μια ειδική περίπτωση. Εδώ μπαίνει η δήλωση break. Μάθετε πώς λειτουργεί η δήλωση break και γιατί μπορεί να τη χρειαστείτε.

Κατανόηση των βρόχων JavaScript

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

Οι διαφορετικοί τύποι βρόχων JavaScript με τους οποίους θα πρέπει να γνωρίζετε περιλαμβάνουν:

  • για βρόχο
  • ενώ βρόχος
  • do… while βρόχος
  • για…σε βρόχο
  • για…του βρόχου

Όλα εκτελούν επαναλήψεις, αλλά έχουν μικρές αποχρώσεις που το καθιστούν κατάλληλο για διαφορετικές καταστάσεις. Δείτε πώς φαίνεται η σύνταξη κάθε τύπου βρόχου:

Τύπος βρόχου:

 

for

Σύνταξη:

for (init; cond; next) {
    // Code block
}

Περιγραφή:

Εκτελεί ένα μπλοκ κώδικα εφόσον μια καθορισμένη συνθήκη (cond) είναι αληθής. Η έκφραση προετοιμασίας (init) εκτελείται μία φορά, στην αρχή του βρόχου, ενώ η έκφραση επόμενη εκτελείται κάθε φορά που ο βρόχος φτάνει στο τέλος του μπλοκ κώδικα.

Τύπος βρόχου:

 

while

Σύνταξη:

while (condition) {
    // Code block
}

Περιγραφή:

Εκτελεί ένα μπλοκ κώδικα εφόσον μια καθορισμένη συνθήκη είναι αληθής.

Τύπος βρόχου:

 

do…while

Σύνταξη:

do {
    // Code block
} while (condition);

Περιγραφή:

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

Τύπος βρόχου:

 

for…in

Σύνταξη:

for (property in object) {
    // Code block
}

Περιγραφή:

Εκτελεί ένα μπλοκ κώδικα για κάθε ιδιότητα ενός αντικειμένου.

Τύπος βρόχου:

 

for…of

Σύνταξη:

for (element of iterable) {
    // Code block
}

Περιγραφή:

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

Εισαγωγή στη δήλωση "διάλειμμα".

Η εντολή break τερματίζει νωρίς έναν βρόχο. Καθώς ο βρόχος προχωρά, όταν έρθει σε επαφή με την εντολή break, σταματά αμέσως. Αυτό κάνει το πρόγραμμα να προχωρήσει στην επόμενη πρόταση μετά τον βρόχο.

Το break είναι χρήσιμο για τη διακοπή ενός βρόχου σε ένα απρόβλεπτο σημείο, αντί να περιμένει να εκτελεστεί ένας αριθμός επαναλήψεων ή να γίνει ψευδής η κύρια συνθήκη. Έχει μια πολύ απλή σύνταξη:

break;

Πώς να χρησιμοποιήσετε το "break" σε διαφορετικούς βρόχους JavaScript

Αυτά τα παραδείγματα δείχνουν πώς μπορείτε να ξεφύγετε από κάθε έναν από τους διαθέσιμους βρόχους JavaScript. Δώστε ιδιαίτερη προσοχή στις τιμές των τοπικών μεταβλητών και στο πότε εκτυπώνονται ή αξιολογούνται.

Breaking Out of a for Loop

const numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < numbers.length; i++)
{
    sum += numbers[i];
    if (sum > 5)
    {
        break;
    }
}
console.log(sum); // Output: 6

Αυτός ο κώδικας αθροίζει έναν πίνακα στοιχείων χρησιμοποιώντας έναν βρόχο for. Ο βρόχος επαναλαμβάνεται πάνω από κάθε στοιχείο του πίνακα, αθροίζοντάς τα. Η συνθήκη ελέγχει εάν το άθροισμα υπερβαίνει το 5. Εάν ναι, η εντολή break τερματίζει τον βρόχο.

Breaking Out of a while Loop

const numbers = [1, 2, 3, 4, 5];
let product = 1;
let i = 0;
while (i < numbers.length)
{
    product *= numbers[i];
    if (product > 10)
    {
        break;
    }
    i++;
}
console.log(product); // Output: 24

Αυτός ο κώδικας χρησιμοποιεί έναν βρόχο while για να βρει το γινόμενο των στοιχείων σε έναν πίνακα. Ο βρόχος επαναλαμβάνεται πάνω από κάθε στοιχείο του πίνακα, υπολογίζοντας το γινόμενο. Μια δήλωση διακοπής εντός της συνθήκης θα σταματήσει τον βρόχο όταν το προϊόν υπερβεί το 10.

Breaking Out of a Do…While Loop

let i = 1;
do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }
    i++;
    if (i > 5)
    {
       break; 
    }
} while (i <= 10);
// Output:
// 2
// 4

Ο βρόχος do…while επαναλαμβάνεται πάνω από τους αριθμούς από το 1 έως το 10, εκτυπώνοντας ζυγούς αριθμούς. Η δήλωση break εντός της συνθήκης if ελέγχει εάν ο μετρητής βρόχου υπερβαίνει το 5. Προχωρά στην έξοδο από τον βρόχο εάν η συνθήκη είναι αληθής.

Ξεσπώντας από ένα for…in Loop

const sentence = "Hello";
let result = "";
for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }
    result += sentence[index];
}
console.log(result);
// Output: He

Ο βρόχος επαναλαμβάνεται πάνω από κάθε χαρακτήρα της συμβολοσειράς, συνενώνοντάς τους. Εδώ, η συνθήκη ελέγχει εάν ο δείκτης βρόχου είναι ίσος με 2. Εάν είναι, βγαίνει από τον βρόχο χρησιμοποιώντας το break.

Ξεσπώντας από έναν βρόχο for…of

const numbers = [1, 2, 3, 4, 5];
for (let num of numbers.reverse())
{
    console.log(num);
    if (num === 3)
    {
        break;
    }
}
// Output:
// 5
// 4
// 3

Ο βρόχος επαναλαμβάνεται πάνω από κάθε στοιχείο του πίνακα με αντίστροφη σειρά, συνενώνοντάς τα. Εάν ο βρόχος συναντήσει την τιμή 3 θα βγει μέσω της εντολής break.

Η σημασία του Breaking Loops

Η έξοδος από έναν βρόχο μπορεί να είναι ένας χρήσιμος τρόπος βελτιστοποίησης του κώδικά σας. Η έγκαιρη έξοδος από τους βρόχους μπορεί να αποτρέψει περιττές επαναλήψεις, να μειώσει την πολυπλοκότητα του χρόνου και να σας επιτρέψει να χειρίζεστε αποτελεσματικά τα σφάλματα.

Εστιάστε στην εξάσκηση πώς να ξεφύγετε από τους διαφορετικούς βρόχους JavaScript στα προγράμματά σας για να ενισχύσετε την κατανόησή σας.