Δήλωση εναλλαγής JavaScript (με παραδείγματα)

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

Η switchδήλωση JavaScript χρησιμοποιείται στη λήψη αποφάσεων.

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

Η σύνταξη της switchδήλωσης είναι:

 switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )

Η switchδήλωση αξιολογεί μια μεταβλητή / έκφραση μέσα σε παρενθέσεις ().

  • Εάν το αποτέλεσμα της έκφρασης είναι ίσο με value1, το σώμα της εκτελείται.
  • Εάν το αποτέλεσμα της έκφρασης είναι ίσο με value2, το σώμα της εκτελείται.
  • Αυτή η διαδικασία συνεχίζεται. Εάν δεν υπάρχει αντίστοιχη θήκη, το defaultσώμα εκτελείται.

Σημειώσεις:

  • Η breakδήλωση είναι προαιρετική. Εάν αντιμετωπιστεί η δήλωση διακοπής, η δήλωση διακόπτη τελειώνει
  • Εάν η breakδήλωση δεν χρησιμοποιείται, οι περιπτώσεις μετά την αντίστοιχη περίπτωση εκτελούνται επίσης.
  • Η defaultρήτρα είναι επίσης προαιρετική.

Διάγραμμα ροής της δήλωσης διακόπτη

Διάγραμμα ροής της δήλωσης εναλλαγής JavaScript

Παράδειγμα 1: Απλό πρόγραμμα με χρήση διακόπτη Statement

 // program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Παραγωγή

 Η τιμή είναι δύο.

Στο παραπάνω πρόγραμμα, μια έκφραση a = 2αξιολογείται με μια switchδήλωση.

  • Το αποτέλεσμα της έκφρασης αξιολογείται με το case 1οποίο προκύπτει false.
  • Στη συνέχεια, η switchδήλωση πηγαίνει στη δεύτερη περίπτωση. Εδώ, το αποτέλεσμα της έκφρασης ταιριάζει με case 2. Εμφανίζεται λοιπόν η τιμή είναι δύο.
  • Η breakδήλωση τερματίζει το μπλοκ και η ροή ελέγχου του προγράμματος μεταβαίνει προς τα έξω από το switchμπλοκ.

Παράδειγμα 2: Τύπος Έλεγχος στο διακόπτη Δήλωση

 // program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Παραγωγή

 Η τιμή είναι μία.

Στο παραπάνω πρόγραμμα, μια έκφραση a = 1αξιολογείται με μια switchδήλωση.

  • Στο JavaScript, η δήλωση εναλλαγής ελέγχει αυστηρά την τιμή. Έτσι το αποτέλεσμα της έκφρασης δεν ταιριάζει με case "1".
  • Στη συνέχεια, η switchδήλωση πηγαίνει στη δεύτερη περίπτωση. Εδώ, το αποτέλεσμα των εκφράσεων ταιριάζει με case 1. Εμφανίζεται λοιπόν η τιμή.
  • Η breakδήλωση τερματίζει το μπλοκ και η ροή ελέγχου του προγράμματος μεταβαίνει προς τα έξω από το switchμπλοκ.

Σημείωση : Στη JavaScript, η δήλωση εναλλαγής ελέγχει τις περιπτώσεις αυστηρά (πρέπει να είναι του ίδιου τύπου δεδομένων) με το αποτέλεσμα της έκφρασης. Παρατηρήστε στο παραπάνω παράδειγμα, το 1 δεν ταιριάζει με το "1" .

Ας γράψουμε ένα πρόγραμμα για να φτιάξουμε έναν απλό υπολογιστή με τη switchδήλωση.

Παράδειγμα 3: Απλή αριθμομηχανή

 // program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )

Παραγωγή

 Εισαγάγετε τον τελεστή: + Εισαγάγετε τον πρώτο αριθμό: 4 Εισαγάγετε τον δεύτερο αριθμό: 5 4 + 5 = 9

Στο παραπάνω πρόγραμμα, ο χρήστης καλείται να εισαγάγει είτε + , - , * ή / και δύο τελεστές. Στη συνέχεια, η switchδήλωση εκτελεί περιπτώσεις με βάση την είσοδο του χρήστη.

Διακόπτης JavaScript με πολλαπλή θήκη

Σε μια δήλωση εναλλαγής JavaScript, οι περιπτώσεις μπορούν να ομαδοποιηθούν για να μοιραστούν τον ίδιο κώδικα.

Παράδειγμα 4: εναλλαγή με πολλαπλή θήκη

 // multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )

Παραγωγή

 το μήλο είναι ένα φρούτο.

Στο παραπάνω πρόγραμμα, ομαδοποιούνται πολλές περιπτώσεις. Όλες οι ομαδοποιημένες περιπτώσεις μοιράζονται τον ίδιο κωδικό.

Εάν η τιμή της μεταβλητής φρούτων είχε τιμή mangoή pineapple, η έξοδος θα ήταν η ίδια.

Προτεινόμενα άρθρα

  • Διακόπτης JavaScript Χωρίς διακοπή
  • Εναλλαγή Vs αν… αλλιώς Δήλωση

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