Η πηγή για αυτό το διαδραστικό παράδειγμα αποθηκεύεται σε ένα αποθετήριο GitHub. Εάν θέλετε να συνεισφέρετε στο έργο διαδραστικών παραδειγμάτων, κλωνοποιήστε τη διεύθυνση https://github.com/mdn/interactive-examples και στείλτε μας ένα αίτημα έλξης.
Σύνταξη
if (condition) statement1 condition Μια έκφραση που θεωρείται είτε αληθής είτε ψευδής . statement1 Δήλωση που εκτελείται εάν η συνθήκη είναι αληθής. Μπορεί να είναι οποιαδήποτε δήλωση, συμπεριλαμβανομένων περαιτέρω ένθετων δηλώσεων if. Για να εκτελέσετε πολλές εντολές, χρησιμοποιήστε μια πρόταση μπλοκ (( ... )) για να ομαδοποιήσετε αυτές τις εντολές. Για να μην εκτελέσετε εντολές, χρησιμοποιήστε μια κενή πρόταση. statement2 Δήλωση που εκτελείται εάν η συνθήκη είναι false και υπάρχει η ρήτρα else. Μπορεί να είναι οποιαδήποτε πρόταση, συμπεριλαμβανομένων των δηλώσεων μπλοκ και περαιτέρω ένθετων δηλώσεων if.Περιγραφή
Πολλαπλές προτάσεις if...else μπορούν να ενσωματωθούν για τη δημιουργία μιας ρήτρας else if. Σημειώστε ότι δεν υπάρχει άλλη λέξη-κλειδί (με μία λέξη) στο JavaScript.
Αν (συνθήκη 1) πρόταση1 αλλιώς αν (συνθήκη2) πρόταση2 αλλιώς αν (συνθήκη3) δήλωση3 ... αλλιώς δήλωσηΝ
Για να δείτε πώς λειτουργεί, έτσι θα φαινόταν εάν η ένθεση είχε σωστά εσοχή:
Αν (συνθήκη 1) πρόταση 1 αλλιώς αν (συνθήκη 2) πρόταση 2 αλλιώς αν (συνθήκη 3) ...
Για να εκτελέσετε πολλές εντολές μέσα σε μια πρόταση, χρησιμοποιήστε μια πρόταση μπλοκ (( ... )) για να ομαδοποιήσετε αυτές τις εντολές. Γενικά, είναι καλή πρακτική να χρησιμοποιείτε πάντα εντολές μπλοκ, ειδικά σε κώδικα που περιλαμβάνει ένθετες εντολές if:
Αν (προϋπόθεση) ( δηλώσεις 1 ) αλλιώς ( δηλώσεις 2 )
Μην συγχέετε τις πρωτόγονες τιμές Boolean true και false με την αλήθεια ή το falsity του Boolean αντικειμένου. Οποιαδήποτε τιμή δεν είναι false , undefined , null , 0 , -0 , NaN ή η κενή συμβολοσειρά (""), και οποιαδήποτεαντικείμενο, συμπεριλαμβανομένου ενός Boolean αντικειμένου του οποίου η τιμή είναι false, θεωρείται αληθές όταν χρησιμοποιείται ως συνθήκη. Για παράδειγμα:
Varb = new Boolean(false); αν (β) // αυτή η προϋπόθεση είναι αληθής
Παραδείγματα
Χρησιμοποιώντας αν...άλλο
αν (cipher_char === from_char) ( result = αποτέλεσμα + to_char; x++; ) other ( αποτέλεσμα = αποτέλεσμα + clear_char; )Χρησιμοποιώντας το else if
Σημειώστε ότι δεν υπάρχει άλλη σύνταξη if στο JavaScript. Ωστόσο, μπορείςγράψε το με κενό μεταξύ του else και εάν:
Αν (x > 50) ( /* κάνε το σωστό */ ) αλλιώς αν (x > 5) ( /* κάνε το σωστό */ ) αλλιώς ( /* κάνε το σωστό */ )
Ανάθεση εντός της υπό όρους έκφρασης
Συνιστάται να μην χρησιμοποιείτε απλές αναθέσεις σε μια έκφραση υπό όρους, επειδή η ανάθεση μπορεί να συγχέεται με την ισότητα όταν κοιτάζετε τον κώδικα. Για παράδειγμα, μην χρησιμοποιήσετε τον ακόλουθο κώδικα:
Αν (x = y) ( /* κάνε το σωστό */ )
Εάν χρειάζεται να χρησιμοποιήσετε μια ανάθεση σε μια έκφραση υπό όρους, μια κοινή πρακτική είναι να βάζετε πρόσθετες παρενθέσεις γύρω από την εργασία. Για παράδειγμα:
Αν ((x = y)) ( /* κάνε το σωστό */ )
Προδιαγραφές
| Προσδιορισμός | Κατάσταση | Σχόλιο |
|---|---|---|
| Τελευταίο προσχέδιο ECMAScript (ECMA-262) |
Προσχέδιο | |
| ECMAScript 2015 (6η Έκδοση, ECMA-262) Ο ορισμός της "δήλωσης εάν" σε αυτήν την προδιαγραφή. |
πρότυπο | |
| ECMAScript 5.1 (ECMA-262) Ο ορισμός της "δήλωσης εάν" σε αυτήν την προδιαγραφή. |
πρότυπο | |
| ECMAScript 3η Έκδοση (ECMA-262) Ο ορισμός της "δήλωσης εάν" σε αυτήν την προδιαγραφή. |
πρότυπο | |
| ECMAScript 1st Edition (ECMA-262) Ο ορισμός της "δήλωσης εάν" σε αυτήν την προδιαγραφή. |
πρότυπο | αρχικός ορισμός |
Συμβατότητα προγράμματος περιήγησης
Ο πίνακας συμβατότητας σε αυτήν τη σελίδα δημιουργείται από δομημένα δεδομένα. Εάν θέλετε να συνεισφέρετε στα δεδομένα, ρίξτε μια ματιά στη διεύθυνση https://github.com/mdn/browser-compat-data και στείλτε μας ένα αίτημα έλξης.
Ενημερώστε τα δεδομένα συμβατότητας στο GitHub
| Επιφάνεια εργασίας | Κινητό | υπηρέτης | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Χρώμιο | άκρη | Firefox | Internet Explorer | ΛΥΡΙΚΗ ΣΚΗΝΗ | σαφάρι | Android webview | Chrome για Android | Firefox για Android | Opera για Android | Safari σε iOS | Samsung Internet | Node.js | |
| αν...αλλιώς | Πλήρης υποστήριξη Chrome 1 | Πλήρης υποστήριξη Edge 12 | Πλήρης υποστήριξη Firefox 1 | IE Πλήρης υποστήριξη 3 | Opera Πλήρης υποστήριξη Ναι | Safari Πλήρης υποστήριξη Ναι | WebView Android Πλήρης υποστήριξη 1 | Πλήρης υποστήριξη Chrome Android 18 | Firefox Android Πλήρης υποστήριξη 4 | Opera Android Πλήρης υποστήριξη Ναι | Safari iOS Πλήρης υποστήριξη Ναι | Samsung Internet Android Πλήρης υποστήριξη 1.0 | nodejs Πλήρης υποστήριξη Ναι |
Reg.ru: τομείς και φιλοξενία
Ο μεγαλύτερος καταχωρητής και πάροχος φιλοξενίας στη Ρωσία.
Πάνω από 2 εκατομμύρια ονόματα τομέα σε υπηρεσία.
Προώθηση, mail για domain, λύσεις για επιχειρήσεις.
Περισσότεροι από 700 χιλιάδες πελάτες σε όλο τον κόσμο έχουν ήδη κάνει την επιλογή τους.
Bootstrap Framework: Γρήγορη απόκριση διάταξη
Βήμα προς βήμα μάθημα βίντεο για τα βασικά προσαρμοστική διάταξηστο πλαίσιο Bootstrap.
Μάθετε να στοιχειοθετείτε απλά, γρήγορα και αποτελεσματικά, χρησιμοποιώντας ένα ισχυρό και πρακτικό εργαλείο.
Φτιάξτε κατά παραγγελία και λάβετε χρήματα.
*Μετακίνηση του ποντικιού για παύση της κύλισης.
Πίσω μπροστά
Λειτουργίες και εάν-αλλιώς συνθήκες σε JavaScript
Συχνά με χρησιμοποιώντας JavaScriptυπάρχει ανάγκη εκτέλεσης διαφορετικές ενέργειεςκάτω από διαφορετικές συνθήκες.
Για παράδειγμα, γράψατε ένα σενάριο που ελέγχει ποιο πρόγραμμα περιήγησης χρησιμοποιεί ένας επισκέπτης όταν επισκέπτεται τον ιστότοπό σας. Εάν είναι ο Internet Explorer, θα πρέπει να φορτωθεί μια σελίδα ειδικά σχεδιασμένη για IE, εάν είναι οποιοδήποτε άλλο πρόγραμμα περιήγησης, θα πρέπει να φορτωθεί μια άλλη έκδοση αυτής της σελίδας.
Η γενική σύνταξη της κατασκευής if-else είναι η εξής:
Αν (προϋπόθεση) ( ενέργεια ) else ( action2 );
Για παράδειγμα, λάβετε υπόψη αυτόν τον κώδικα:
If (browser=="MSIE") ( alert("You are using IE") ) else ( alert("You are not using IE") );
Σημειώστε ότι χρησιμοποιούνται όλα τα πεζά γράμματα. Εάν γράψετε "IF", θα προκύψει σφάλμα.
Σημειώστε επίσης ότι το σύμβολο διπλού ίσου (==) χρησιμοποιείται για σύγκριση.
Αν γράψουμε πρόγραμμα περιήγησης = "MSIE", τότε απλώς εκχωρούμε την τιμή MSIEμεταβλητή με όνομα πρόγραμμα περιήγησης.
Όταν γράφουμε πρόγραμμα περιήγησης=="MSIE", τότε η JavaScript "καταλαβαίνει" ότι θέλουμε να συγκρίνουμε, όχι να εκχωρήσουμε μια τιμή.
Περισσότερο δύσκολες συνθήκες ανμπορούν να δημιουργηθούν απλά προσθέτοντάς τα, για παράδειγμα, στο εξάρτημα αλλούήδη υπάρχουσα δομή αν-αλλιώς:
Αν (συνθήκη) ( ενέργεια1 ) else ( αν (άλλη συνθήκη) ( ενέργεια2 ) else ( ενέργεια3 ); );
Για παράδειγμα:
If (browser=="MSIE") ( alert("You are using IE") ) else ( if (browser=="Netscape") ( alert("You are using Firefox") ) else ( alert("You are using ένα μη αναγνωρισμένο πρόγραμμα περιήγησης: )")); )
Λογικοί τελεστές ΚΑΙ, Ή και ΟΧΙ
Για ακόμη πιο ευέλικτη χρήση του σχεδίου αν-αλλιώςμπορούν να χρησιμοποιηθούν οι λεγόμενοι λογικοί τελεστές.
Καιγραμμένο ως && και χρησιμοποιείται όταν πρέπει να ελεγχθούν για την αλήθεια περισσότερες από μία συνθήκες.
Για παράδειγμα: Αν υπάρχουν αυγά στο ψυγείο και υπάρχει μπέικον στο ψυγείο, τότε μπορούμε να φάμε αυγά με μπέικον.
Η σύνταξη είναι η εξής:
If (συνθήκη1 && συνθήκη2) ( ενέργεια ) αν (ώρα==12 && λεπτό==0) ( ειδοποίηση("Μεσημέρι!") );
Ήγραμμένο ως || και χρησιμοποιείται όταν θέλουμε να ελέγξουμε την αλήθεια τουλάχιστον μίας από δύο ή περισσότερες συνθήκες. (Μπορείτε να λάβετε || ενώ κρατάτε πλήκτρο shiftκαι το κλειδί \)
Για παράδειγμα: Αν υπάρχει γάλα στο ψυγείο, ή υπάρχει νερό στο ψυγείο, τότε έχουμε κάτι να πιούμε.
Η σύνταξη είναι η εξής:
If (condition1 || condition2) ( action ) if (hour==11 || hour==10) ( alert("It's not noon ακόμη!") );
Δενγραμμένο ως ! και χρησιμοποιείται για άρνηση.
Για παράδειγμα: Αν δεν υπάρχουν αυγά ή δεν υπάρχει μπέικον στο ψυγείο, τότε δεν μπορούμε να φάμε ούτε αυγά ούτε μπέικον.
Η σύνταξη είναι:
If (!(condition)) ( action ) if (!(hour==11)) ( alert("It's not 11 o'clock") );
Λειτουργίες σε JavaScript
Αντί απλώς να προσθέτετε Javascript στη σελίδα, ώστε το πρόγραμμα περιήγησης να εκτελεί τον κώδικα όταν τον φτάσει, μπορείτε να κάνετε το σενάριο να εκτελείται μόνο όταν ενεργοποιείται ένα συμβάν.
Για παράδειγμα, ας υποθέσουμε ότι έχετε δημιουργήσει μια JavaScript, η αποστολή της οποίας είναι να αλλάξετε το χρώμα φόντου μιας σελίδας όταν κάνετε κλικ σε ένα συγκεκριμένο κουμπί. Σε αυτήν την περίπτωση, πρέπει να "πείτε" στο πρόγραμμα περιήγησης ότι αυτό το σενάριο δεν πρέπει να εκτελεστεί απλώς και μόνο επειδή έχει φτάσει η ουρά.
Για να αποτρέψετε την εκτέλεση του σεναρίου από το πρόγραμμα περιήγησης κατά τη φόρτωσή του, πρέπει να γράψετε το σενάριο ως συνάρτηση.
Σε αυτήν την περίπτωση, ο κώδικας JavaScript δεν θα εκτελεστεί έως ότου του "ζητήσουμε" να το κάνει με ειδικό τρόπο.
Κυτάζω δεδομένο παράδειγμασενάριο γραμμένο ως συνάρτηση:
Κάντε κλικ στο κουμπί για να δείτε τι κάνει αυτό το σενάριο:
Αν η γραμμή alert ("Καλώς ήρθατε!");δεν θα γραφόταν μέσα σε μια συνάρτηση, τότε θα εκτελούνταν όποτε το πρόγραμμα περιήγησης έφτανε σε αυτή τη γραμμή. Αλλά επειδή το γράψαμε μέσα σε μια συνάρτηση, αυτή η γραμμή δεν εκτελείται μέχρι να κάνουμε κλικ στο κουμπί.
Η κλήση συνάρτησης (δηλαδή η κλήση προς αυτήν) εμφανίζεται σε αυτήν τη γραμμή:
Όπως μπορείτε να δείτε, τοποθετήσαμε ένα κουμπί στη φόρμα και προσθέσαμε ένα συμβάν onClick="myfunction()"για κουμπί.
Σε μελλοντικά μαθήματα, θα εξετάσουμε άλλους τύπους συμβάντων που ενεργοποιούν λειτουργίες.
Η γενική σύνταξη για τις συναρτήσεις είναι η εξής:
Όνομα συνάρτησης (variable1, variable2,..., variableN) ( // Εδώ εμφανίζεται το σώμα της συνάρτησης, τι κάνει )
Σιδερακια ΔΟΝΤΙΩΝ: { και } υποδεικνύουν την έναρξη και το τέλος μιας λειτουργίας.
Ένα τυπικό λάθος κατά τη δημιουργία συναρτήσεων είναι η απροσεξία και η παράβλεψη της σημασίας των πεζών χαρακτήρων. Λέξη λειτουργίαπρέπει να είναι ακριβώς λειτουργία. Επιλογή λειτουργίαή ΛΕΙΤΟΥΡΓΙΑθα προκαλέσει σφάλμα.
Επιπλέον, η χρήση κεφαλαία γράμματαπαίζει επίσης ρόλο στην ονομασία μεταβλητών. Εάν έχετε μια συνάρτηση με το όνομα myfunction(), στη συνέχεια μια προσπάθεια αντιμετώπισής του ως myfunction(), MYFUNCTION()ή MyFunction()θα προκαλέσει σφάλμα.
Σας άρεσε το υλικό και θέλετε να ευχαριστήσετε;
Απλώς μοιραστείτε με τους φίλους και τους συναδέλφους σας!
Δείτε επίσης:
var a = 10; varb = (a>1) ? 100:200; ειδοποίηση(β);
Εάν συνθήκη α>1αλήθεια, τότε η μεταβλητή σιεκχωρήστε μια τιμή 100 , διαφορετικά αποδίδεται η τιμή στη μεταβλητή b 200 .
Εργασία Js 3_4.Συμπληρώστε τον κώδικα: 3 τοπικές μεταβλητές δηλώνονται χρησιμοποιώντας λέξη-κλειδί var. Είναι απαραίτητο να αντιστοιχίσετε την τιμή του ακόλουθου τριαδικού τελεστή στη μεταβλητή max: εάν το a είναι μεγαλύτερο από το b, τότε επιστρέψτε το a, διαφορετικά επιστρέψτε το b.
Απόσπασμα κώδικα:
εάν (α*β< 6) { result = "Мало"; } else { result = "Много"; }
Ερωτήσεις για αυτοέλεγχο:
- Ποια είναι η σύνταξη του τριαδικού τελεστή;
- Πόσα ορίσματα έχει ένας τριαδικός τελεστής;
Δήλωση αλλαγής σε javaScript - διακόπτης
Η δήλωση διακόπτη javascript χρησιμεύει για τον έλεγχο μιας μεταβλητής για πολλαπλές τιμές:
Σύνταξη:
διακόπτης (μεταβλητή ή έκφραση) (επιλογή περίπτωσης 1: //..μπλοκ δήλωσης.. επιλογή πεζών κεφαλαίων2: //..μπλοκ δήλωσης.. διακοπή προεπιλογής: //..μπλοκ δήλωσης.. )
Η τιμή μιας μεταβλητής ή μιας έκφρασης ελέγχεται: σε καθεμία υπόθεσηελέγχεται μία από τις τιμές, σε περίπτωση κατάλληλης τιμής, εκτελείται ένα ή άλλο μπλοκ εντολών που αντιστοιχεί στη δεδομένη υπόθεση.
Αποκλεισμός ξεκινώντας με επίσημη λέξηη προεπιλογή μπορεί να παραλειφθεί. Οι δηλώσεις μπλοκ θα εκτελεστούν εάν καμία από τις τιμές που αναφέρονται συνολικά υπόθεσηδεν ταιριαζει.
Σπουδαίος:Η πρόταση break απαιτείται μετά από κάθε θεωρούμενη τιμή της μεταβλητής (μετά από κάθε υπόθεση) εάν δεν χρησιμοποιείται, τότε θα εμφανιστούν όλες οι παρακάτω δηλώσεις
Σύγκριση με χειριστή ΑΝ:
var a = 2; switch(a) ( case 0: // if (a === 0) case 1: // if (a === 0) alert("Zero or one"); // then output... break; case 2: // if (a === 2) alert("Two"); // then output... break; default: // else alert("Many"); // αλλιώς έξοδος... )
Πώς να ομαδοποιήσετε πολλές επιλογές;
Για να εκτελέσετε τις ίδιες εντολές, είναι δυνατή η ομαδοποίηση πολλών υπόθεση. Όπως στο παραπάνω παράδειγμα:
Περίπτωση 0: περίπτωση 1: ειδοποίηση ("Μηδέν ή ένα"); Διακοπή; ...
Όταν a = 0 και a = 1, εκτελείται η ίδια πρόταση: alert("Zero or one");
Παράδειγμα 4:Ζητήστε από το χρήστη να εισαγάγει ένα χρώμα. Αποστολή μετάφρασης σε αγγλική γλώσσαεισάγεται χρώμα. Για χρώμα "μπλε"και "μπλε"παράγουν την ίδια αξία.
✍ Λύση:
- Δημιουργήστε μια ιστοσελίδα με σκελετό html και ετικέτα γραφή.
- Αρχικοποίηση μεταβλητής χρώμα
- Ελέγξτε την τιμή μιας μεταβλητής με μια κατασκευή διακόπτης, βγάζοντας για κάθε τιμή την αντίστοιχη μετάφραση:
- Για λουλούδια "μπλε"και "μπλε"κάντε την ομαδοποίηση:
- Οργανώστε την έξοδο για εκείνα τα χρώματα που δεν παρέχονται από το πρόγραμμα:
- Δοκιμάστε το σενάριο σε ένα πρόγραμμα περιήγησης.
| var color = prompt("Τι χρώμα;" ); |
var color = prompt("Τι χρώμα;");
διακόπτης (χρώμα) (περίπτωση "κόκκινο" : ειδοποίηση ("κόκκινο"); σπάσιμο; πεζοπορία "πράσινο": ειδοποίηση ("πράσινο"); σπάσιμο; // ...
Αν η μεταβλητή χρώμαέχει την τιμή "κόκκινο", μετά την έξοδο σε τροπικό παράθυρομετάφραση - "κόκκινο" και έξοδος από την κατασκευή (σπάσιμο;). Αν η μεταβλητή χρώμαέχει την τιμή "πράσινο", μετά εμφανίστε τη μετάφραση - "πράσινο" στο παράθυρο τρόπου λειτουργίας και βγείτε από την κατασκευή (διάλειμμα;).
// ... case "blue": case "blue": alert("blue"); Διακοπή; //...
Αν η μεταβλητή χρώμαέχει την τιμή "μπλε" ή μεταβλητή χρώμαέχει την τιμή "μπλε", μετά εμφανίστε τη μετάφραση - "μπλε" στο παράθυρο του modal και βγείτε από την κατασκευή (σπάσιμο;).
| // ... προεπιλογή : alert( "Δεν έχουμε πληροφορίες για αυτό το χρώμα") ) // τερματικός διακόπτης |
// ... προεπιλογή: alert("y δεν έχουμε πληροφορίες για αυτό το χρώμα") ) // τέλος του διακόπτη
Εργασία Js 3_6.Βρείτε και διορθώστε σφάλματα στο ακόλουθο απόσπασμα κώδικα:
| 14 15 16 17 | varnumber = προτροπή( "Εισαγάγετε τον αριθμό 1 ή 2:") ; διακόπτης (αριθμός) ( case "1" ( document.write ("One") ;) ; break ; case "2" ( document.write ("Two") ;) ; break ; default ( document.write ( "Εισαγάγατε μια τιμή διαφορετική από το 1 και το 2") ; } ; } |
var number = prompt("Εισαγάγετε τον αριθμό 1 ή 2:"); διακόπτης (αριθμός) (περίπτωση "1" (document.write("One"); ); break; case "2" (document.write("Two"); ); break; default (document.write("Εισαγάγατε τιμή διαφορετική από 1 και 2"); );)
Εργασία Js 3_7.Τι θα εμφανιστεί στην οθόνη όταν εκτελεστεί ο ακόλουθος κώδικας;:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var value = "2" ; διακόπτης (τιμή) (περίπτωση "1" : περίπτωση "2" : περίπτωση "3" : document.write ("Hello" ) ; break ; case "4" : case "5" : document.write ("World" ) ; προεπιλογή: document.write("Σφάλμα") ;) |
var value = "2"; διακόπτης (τιμή) (περίπτωση "1": περίπτωση "2": περίπτωση "3": document.write("Hello"); διάλειμμα; περίπτωση "4": περίπτωση "5": document.write("Κόσμος" ); προεπιλογή: document.write("Σφάλμα"); )
Εργασία Js 3_8.Ζητήστε από τον χρήστη έναν αριθμό - τον αριθμό των κορακιών στο κλαδί. Ανάλογα με τον αριθμό που έχετε εισαγάγει (όχι περισσότερο από 10), εμφανίστε ένα μήνυμα: - Καθίστε σε ένα κλαδί 1 κοράκι- Καθισμένος σε ένα κλαδί 4 κοράκια- Καθισμένος σε ένα κλαδί 10 κοράκια
- Ανάλογα με τον αριθμό που εισάγατε, αλλάζει η κατάληξη της λέξης. "κοράκι".
- Χρησιμοποιήστε τη δήλωση διακόπτη javascript για έλεγχο.
- Αποθηκεύσετε αυτή η σελίδαστο φάκελο αποτελεσμάτων (θα είναι χρήσιμο για περαιτέρω εργασία).
Ερωτήσεις για αυτοέλεγχο:
- Σε ποια περίπτωση ενδείκνυται ως υπό όρους δήλωσηχρησιμοποιήστε την κατασκευή διακόπτης?
- Ποιος είναι ο σκοπός του προεπιλεγμένου μπλοκ στη δήλωση διακόπτης?
- Είναι απαραίτητο να χρησιμοποιηθεί η εντολή break στην κατασκευή διακόπτης?
- Πώς γίνεται η ομαδοποίηση για επιλογές πολλαπλών τιμών σε έναν τελεστή διακόπτης?
Δηλώσεις βρόχου σε javaScript - Για
Σύνταξη:
for(αρχική τιμή μετρητή, συνθήκη, προσαύξηση μετρητή) ( //..μπλοκ δήλωσης.. )
Σπουδαίος:Το javascript for loop χρησιμοποιείται όταν είναι γνωστό εκ των προτέρων πόσες φορές πρέπει να επαναληφθούν οι κυκλικές ενέργειες (πόσες επαναλήψεις έχει ο βρόχος)
- Μια έκφραση ανάθεσης χρησιμοποιείται ως η αρχική τιμή του μετρητή επανάληψης: για παράδειγμα, i=0 - ο μετρητής βρόχου ξεκινά από το μηδέν:
- Ως προσαύξηση μετρητή, υποδεικνύεται το βήμα με το οποίο πρέπει να αυξηθεί ο μετρητής: για παράδειγμα, υποδεικνύει ότι κάθε επανάληψη του βρόχου θα συνοδεύεται από την αύξησή του κατά 1 :
- Η συνθήκη βρόχου είναι η τελική τιμή του μετρητή: το i10, για παράδειγμα, σταματά τον βρόχο:
for(var i = 0; συνθήκη, προσαύξηση μετρητή) ( //.. μπλοκ δηλώσεων.. )
for(var i = 0; συνθήκη; i++) ( //..μπλοκ δήλωσης.. )
for(var i = 0; i<10; i++) { //..блок операторов.. }
Εξετάστε ένα παράδειγμα χρήσης ενός βρόχου for στο javascript:
Παράδειγμα 5:Εξαγωγή μιας ακολουθίας αριθμών 0 1 2 3 ... 9 , κάθε ψηφίο - από μια νέα γραμμή. 0 1 2 ... 8 9
✍ Λύση:
- Για να εμφανίσουμε μια ακολουθία αριθμών, θα χρησιμοποιήσουμε τον μετρητή βρόχου for, ο οποίος θα πρέπει να αλλάξει την τιμή του από 0 πριν 9 σύμφωνα με τη σειρά.
- Ετσι, για την αρχική τιμή του μετρητή βρόχουορίστε την τιμή σε 0 ; όπως και συνθήκες κύκλουορίστε την τελική τιμή - ii=9; το μετρητή βήμα πρέπει να είναι ίσο με 1 (i++), αφού η διαφορά μεταξύ των μελών της ακολουθίας είναι μία:
- Δοκιμάστε το σενάριο σε ένα πρόγραμμα περιήγησης.
για (var i=0; i<10; i++)
{
document.write(i+"
");
}
Στο παράδειγμα, οι τιμές του μετρητή βρόχου εμφανίζονται στην οθόνη, καθώς η αύξηση του μετρητή i++, αντίστοιχα, θα εμφανιστεί στην οθόνη 0 1 2 3 ... 9
, και κάθε ψηφίο - από μια νέα γραμμή (ετικέτα
).
Εργασία Js 3_9. 1 πριν 15 .
- Χρησιμοποιήστε έναν μετρητή βρόχου ως ακολουθία αριθμών Για.
- Για τη μεταβλητή αθροιστή, χρησιμοποιήστε το αναγνωριστικό μεταβλητής άθροισμα.
Απόσπασμα κώδικα:
Για (var i=...;...;...)( άθροισμα = άθροισμα + ...; ) ...
Δηλώσεις εξόδου βρόχου Διακοπήκαι να συνεχίσεισε JavaScript. Χειριστής έξοδος
Η εντολή break διακόπτει την εκτέλεση ολόκληρου του σώματος του βρόχου, δηλ. ξεφεύγει από ένα βρόχο στο javaScript.
Ενώ η εντολή συνέχεια διακόπτει την εκτέλεση της τρέχουσας επανάληψης του βρόχου, αλλά, ενώ συνεχίζει την εκτέλεση του βρόχου από την επόμενη επανάληψη.
Εξετάστε τη λειτουργία του διαλείμματος και συνεχίστε τις εντολές χρησιμοποιώντας ένα παράδειγμα:
Παράδειγμα:Κατανοήστε τον αλγόριθμο του αποσπάσματος κώδικα. Τι θα βγει;
Απόσπασμα κώδικα:
| 1 2 3 4 5 6 | για (var i= 0; i<
10
;
i++
)
{
if
(i==
4
)
continue
;
document.write
(i+
" " ) ; αν (i== 8 ) σπάσει ;) |
για (var i=0; i<10;i++)
{
if (i==4) continue;
document.write(i+"
"); αν (i==8) σπάσει; )
✍ Λύση:
- Στην τρίτη γραμμή του παραδείγματος, υπάρχει μια συνθήκη λόγω της οποίας ο αριθμός 4 δεν θα εμφανιστεί: χειριστής να συνεχίσειθα πάει στην επόμενη επανάληψη του βρόχου χωρίς να ολοκληρώσει την τρέχουσα.
- Στη γραμμή Νο. 5, ο βρόχος βγαίνει, αλλά ο αριθμός 8 θα εκτυπωθεί στην οθόνη, αφού η δήλωση εξόδου προηγείται της συνθήκης (στην 4η γραμμή). Έχοντας γνωρίσει Διακοπή, ο διερμηνέας θα βγει από τον βρόχο.
- Οτι. στην οθόνη θα είναι: 0 1 2 3 5 6 7 8 - κάθε ψηφίο σε μια νέα γραμμή.
Εργασία Js 3_10.Εκτυπώστε το άθροισμα όλων των ακεραίων από 1 πριν 15 , εξαιρουμένου του συνόλου του αριθμού 5 και 7 .
Δήλωση εξόδου
Η γλώσσα javasctipt παρέχει έναν τελεστή για την έξοδο από τον κώδικα προγράμματος - τον τελεστή εξόδου.
Τις περισσότερες φορές, ο τελεστής χρησιμοποιείται για να αποκλείσει ένα σφάλμα εισαγωγής χρήστη.
Εξετάστε ένα παράδειγμα:
Παράδειγμα 6:Ζητήστε από τον χρήστη να εισαγάγει έναν αριθμό. Εάν δεν είναι αριθμός, τότε εμφανίστε ένα μήνυμα «Χρειάζεται νούμερο!»και σταματήστε το πρόγραμμα.
✍ Λύση:
- Αρχικοποίηση μεταβλητής αριθμόςτην τιμή που εισήγαγε ο χρήστης στο παράθυρο modal:
- Χρησιμοποιώντας τη συνάρτηση parseInt για να μετατρέψετε μια συμβολοσειρά σε ακέραιο, ελέγξτε αν η τιμή εισόδου είναι αριθμός:
- Ελέγξτε την τιμή μεταβλητής αριθμόςχρησιμοποιώντας τη συνάρτηση isNaN:
- Με ο κανόνας του «ψέματος».οργανώστε έναν έλεγχο τιμής μεταβλητής Χ. Εάν η τιμή δεν είναι αριθμητική, εκτυπώστε την αντίστοιχη παρατήρηση και τερματίστε το πρόγραμμα:
- Για να συνεχίσετε το πρόγραμμα (εάν η τιμή που εισαγάγατε ήταν αριθμός), εμφανίστε το ακόλουθο παράθυρο που σας ζητά εισαγωγή:
- Δοκιμάστε το σενάριο σε ένα πρόγραμμα περιήγησης.
var number = prompt("Παρακαλώ εισάγετε έναν αριθμό");
αριθμός=parseInt(αριθμός); // επιστρέφει NaN - όχι έναν αριθμό
Εάν εισαχθεί ένας μη αριθμός, η συνάρτηση θα επιστρέψει την τιμή NaN. όχι αριθμός- όχι αριθμός).
x = isNaN(αριθμός); Το // θα επιστρέψει true εάν η τιμή δεν είναι αριθμητική
Η συνάρτηση isNaN επιστρέφει τιμή αληθήςαν η μεταβλητή δεν είναι αριθμός
if (x)( alert ("Απαιτείται αριθμός!"); έξοδος; // έξοδος προγράμματος )
alert("Εισαγάγετε τον δεύτερο αριθμό");// εάν δεν εισαγάγετε έναν αριθμό, ο τελεστής δεν θα εκτελεστεί
Ερωτήσεις για αυτοέλεγχο:
- Καταγράψτε τρεις παραμέτρους βρόχου Γιακαι εξηγούν τον σκοπό τους.
- Ποιες δηλώσεις προορίζονται για έξοδο από τον βρόχο και για διακοπή του; Δώστε παραδείγματα χρήσης τους.
- Σε τι χρησιμεύει ο χειριστής; έξοδος?
Είναι δυνατόν να υπάρχουν πολλαπλοί μετρητές σε ένα FOR;
Μια ενδιαφέρουσα εργασία με τον βρόχο for είναι δυνατή κατά τη χρήση ταυτόχρονα δύο μετρητές σε έναν κύκλο.
Εξετάστε ένα παράδειγμα:
Παράδειγμα 7:Χρησιμοποιώντας το σενάριο, εκτυπώστε τα ακόλουθα ζεύγη μεταβλητής-τιμής σε τρεις γραμμές: i=0 j=2 i=1 j=3 i=2 j=4
✍ Λύση:
- Οργανώστε δύο μετρητές στον βρόχο for: μετρητής i για να εξάγετε την ακολουθία 0 1 2 , μετρητής j για έξοδο της ακολουθίας 2 3 4 :
- Για έξοδο από κάθε γραμμή, χρησιμοποιήστε την ετικέτα
:
| 1 2 3 | για (i= 0, j= 2; i< 10 , j< 5 ; i++, j++ ) { } |
for(i=0, j=2; i<10, j<5; i++, j++) { }
Κάθε μία από τις τρεις παραμέτρους του βρόχου for έχει πλέον δύο τιμές, οι οποίες παρατίθενται χωρίζονται με κόμματα(για παράδειγμα, η πρώτη παράμετρος με δύο τιμές: i=0, j=2). Παρατίθενται οι ίδιες οι παράμετροι μέσω ερωτηματικού(;).
| 1 2 3 4 | για (i= 0, j= 2; i<
10
,
j<
5
;
i++,
j++
)
{
document.write
(" i=" , i, "j=" , j) ;) |
for(i=0, j=2; i<10, j<5; i++, j++)
{
document.write("
i=", i, "j=",j);)
Σελίδα γενιάς "on the fly": πώς είναι;
Πριν κάνετε την επόμενη εργασία, εξετάστε ένα παράδειγμα δημιουργία δυναμικής σελίδας htmlχρησιμοποιώντας javascript.
Παράδειγμα 8:
- Ανάγκη δυναμικής δημιουργίας λιστών με κουκκίδες και αριθμημένες λίστες σε μια ιστοσελίδα με βάση την εισαγωγή του χρήστη: ζητήστε από τον χρήστη να εισαγάγει προβολή λίστας(αριθμημένο (αριθμός 1) ή με κουκκίδες (αριθμός 2)), και μετά αριθμός στοιχείων της λίστας.
- Ανάλογα με την απάντηση, εμφανίστε ετικέτες είτε μιας λίστας με κουκκίδες είτε με αρίθμηση με τον απαιτούμενο αριθμό στοιχείων.
- Εάν έχει εισαχθεί ανύπαρκτος τύπος λίστας, τότε στείλτε ένα μήνυμα "Εισαγάγετε τον σωστό τύπο!"και βγείτε από το πρόγραμμα ().
Ας θυμηθούμε τις ετικέτες:
αριθμημένες ετικέτες λίστας:
| <ol > <li > <li > <li > </ol> |
ετικέτες λίστας με κουκκίδες:
var listType=prompt("Εισαγάγετε "1" για λίστα με κουκκίδες, "2" για αριθμημένη λίστα");
- , για επισημασμένο (αριθμός 2) - ετικέτα
- . Εάν εισαγάγετε άλλη τιμή, εκτυπώστε μια σημείωση και τερματίστε το πρόγραμμα:
- Αρχικοποίηση μεταβλητής Κόλβοτην τιμή που εισήγαγε ο χρήστης στο παράθυρο modal:
- Για να μετατρέψετε μια τιμή συμβολοσειράς σε αριθμητική τιμή, χρησιμοποιήστε τη συνάρτηση parseInt:
- Εφόσον οι λίστες κλείνουν με τις κατάλληλες ετικέτες, εξάγετε ετικέτες κλεισίματος ανάλογα με τον τύπο της λίστας:
- ") else (ειδοποίηση ("Εισαγάγετε τον σωστό τύπο"); έξοδος; )
var kolvo=prompt("Εισαγάγετε τον αριθμό των σημείων");
για (var i=1; i<=kolvo; i++) document.write("");
| if (listType== "1") document.write("" ) else if (listType== "2" ) document.write ("" ) ; |
if (listType=="1") document.write("
Εργασία Js 3_11.
Γράψτε ένα σενάριο που εμφανίζει ετικέτες εισαγωγή(στοιχεία ελέγχου) διαφορετικών τύπων, ανάλογα με τον αριθμό που έχει εισαχθεί:
1
- πεδίο κειμένου,
2
- κουμπί,
3
- ραδιόφωνο(διακόπτης).
Θα πρέπει επίσης να ζητηθεί ο αριθμός των εμφανιζόμενων ετικετών.
Ας θυμηθούμε τις ετικέτες:
Για 1 - πεδίο κειμένου: Για 2 - κουμπί: Για 3 - ραδιόφωνο:
Δείγμα εξόδου:
Εργασία Js 3_12.Σχεδιάστε ένα σκακιέρα 9x9 χρησιμοποιώντας javascript για βρόχους. Το "Σχέδιο" του πίνακα ακολουθεί τις ετικέτες html για τον πίνακα:
Ας θυμηθούμε τις ετικέτες:
| <table border="1" width="30%"> <tr > <td >-</td> | -</td> </tr> </πίνακας> |
| - | - |
- Για να σχεδιάσετε 9 γραμμές, πρέπει να οργανώσετε έναν εξωτερικό βρόχο for με μετρητή i .
- Για να σχεδιάσετε 9 κελιά σε κάθε σειρά, πρέπει να οργανώσετε έναν εσωτερικό (φωλιασμένο) βρόχο με μετρητή j .
- Για να σχεδιάσετε ετικέτες κελιών και σειρών, χρησιμοποιήστε τη μέθοδο document.write.
Αποτέλεσμα:
Επιπροσθέτως:
- Εμφανίστε τον πίνακα πολλαπλασιασμού στα κελιά του πίνακα χρησιμοποιώντας τους μετρητές βρόχων (i και j).
- Εμφάνιση της πρώτης σειράς και της πρώτης στήλης με κόκκινο φόντο (χαρακτηριστικό κελιού πίνακα bgcolor):
<tdbgcolor="red">-</td> -
Αποτέλεσμα:
Ερωτήσεις για αυτοέλεγχο:
- Εξηγήστε τι σημαίνει η έννοια «δυναμική δημιουργία σελίδας»;
- Ποια κατασκευή γλώσσας χρησιμοποιείται συχνότερα κατά τη δυναμική κατασκευή μιας σελίδας;
Δηλώσεις βρόχου στο javaScript - while
Η σύνταξη της εντολής while είναι:
ενώ (συνθήκη) ( //..μπλοκ δήλωσης.. );
Παράδειγμα:Εμφάνιση σε ένα πλαίσιο διαλόγου δυνατοτήτων από δύο έως 1000 (2, 4, 8...512). Χρησιμοποιήστε τη μέθοδο alert().
✍ Λύση:
- Καταχώριση σεναρίων:
- Δοκιμάστε το αποτέλεσμα σε ένα πρόγραμμα περιήγησης.
| 1 2 3 4 5 | var a = 1 ; ενώ (α< 1000 ) { a*= 2 ; alert(a) ; } |
var a = 1; ενώ (α< 1000){ a*=2; alert(a); }
a*=2 → χρησιμοποιείται η συνθετική εκχώρηση: το γινόμενο σε συνδυασμό με την ανάθεση, δηλ. ίδιο με το a = a*2
Πώς λειτουργούν οι εντολές break and continue σε έναν βρόχο while;
Παράδειγμα:
| var a = 1 ; ενώ (α< 1000 ) { a*= 2 ; if (a== 64 ) continue ; if (a== 256 ) break ; alert(a) ; } |
var a = 1; ενώ (α< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }
Οι δυνάμεις των δύο θα εμφανίζονται μέχρι 128 συμπεριλαμβανομένης και της αξίας 64 θα παραλειφθεί. Εκείνοι. στα παράθυρα διαλόγου θα δούμε: 2 4 8 16 32 128
Εργασία Js 3_13.Ποιες τιμές θα εξάγει το παρακάτω απόσπασμα κώδικα;
var counter = 5; ενώ (μετρ< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }
Εργασία Js 3_14.Γράψτε τον κώδικα κατασκευής Χεώς ένα βαθμό yχρησιμοποιώντας βρόχο while. Ζητήστε τιμές μεταβλητών και εμφανίστε το αποτέλεσμα με alert() .
Προσθήκη κωδικού:
| 1 2 3 4 5 6 7 8 9 | var x = ...; ποικίλω = ...; μετρητής = 1 ; αριθμός = x; ενώ (...) ( chislo= x* ...; counter= ...; ) alert(chislo) ; |
var x = ...; ποικίλω = ...; μετρητής = 1; αριθμός=x; ενώ (...)( chislo=x*...; counter=...; ) alert(chislo);
A Διορθώστε το σφάλμα στο πρόγραμμα που έχει σχεδιαστεί για την εύρεση του παραγοντικού ενός αριθμού:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var counter = prompt("Εισαγάγετε έναν αριθμό" ); var παραγοντικό = 1 ; document.write( "Παρουσιαστικό ενός αριθμού:"+ μετρητής + "!= " ); do (αν (counter == 0 ) ( factorial = 1 ; break ; ) factorial = factorial / counter; counter = counter + 1 ; ) while (counter > 0 ) ; έγγραφο.γράψω (παραγοντικό) ; |
var counter = prompt("Εισαγάγετε έναν αριθμό"); var παραγοντικό = 1; document.write("Παγωνιστικό ενός αριθμού: " + μετρητής + "! = "); do ( αν (μετρητής == 0) ( παραγοντικός = 1; σπάσιμο; ) παραγοντικός = παραγοντικός / μετρητής; μετρητής = μετρητής + 1; ) ενώ (μετρητής > 0); document.write(factorial);
Εργασία Js 3_16.Τροποποιήστε το πρόγραμμα για εισαγωγή χρήστη:
Ζητήστε ένα όνομα χρήστη έως ότου ο χρήστης εισαγάγει πραγματικά ένα όνομα χρήστη (δηλαδή, το πεδίο έχει πραγματικά συμπληρωθεί και δεν πατηθεί το πλήκτρο ακύρωσης). Όταν εισαχθεί το όνομα, τότε βγείτε "Γεια σου όνομα!". έγγραφο.
Πώς να βρείτε σφάλματα στο javascript;
Σε ορισμένες περιπτώσεις, ο κώδικας στη σελίδα δεν λειτουργεί για άγνωστο λόγο. Πού να αναζητήσετε ένα σφάλμα; Σε τέτοιες περιπτώσεις, μπορείτε να χρησιμοποιήσετε τη δήλωση try..catch.
Η πρόταση try..catch προσπαθεί να εκτελέσει ένα κομμάτι κώδικα και εάν υπάρχει σφάλμα στον κώδικα, τότε είναι δυνατό να εμφανιστεί το σφάλμα στην οθόνη.
Το σφάλμα αποθηκεύεται στο αντικείμενο e.message.
Εξετάστε τη λειτουργία του χειριστή σε ένα παράδειγμα:
Παράδειγμα:γράψτε έναν τελεστή με σφάλμα στο πρόγραμμα. Ελέγξτε για σφάλμα στον υποτιθέμενο λανθασμένο κωδικό: εάν υπάρχει σφάλμα στον κωδικό, στείλτε ένα μήνυμα "χειρισμός σφαλμάτων: όνομα σφάλματος". Αφού ελέγξετε τη λανθασμένη δήλωση, ανεξάρτητα από το αν υπάρχει σφάλμα στον κωδικό, στείλτε ένα μήνυμα "τελικά βήματα"
✍ Λύση:
- Ως μήνυμα σφάλματος, θα χρησιμοποιήσουμε τη μέθοδο prompt(), γραμμένη με ένα σφάλμα - promt(). Εσωκλείστε το μήνυμα σφάλματος σε ένα μπλοκ δοκιμής:
- Το μήνυμα σφάλματος πρέπει να τοποθετηθεί σε ένα μπλοκ catch:
- Τοποθετήστε το τελικό μήνυμα, το οποίο θα πρέπει να εμφανίζεται ανεξάρτητα από το αν υπάρχει σφάλμα στον κώδικα, στο τελικό μπλοκ:
alert("πριν"); try ( promt("εισαγωγή αριθμού"); // δήλωση με σφάλμα )
Δοκιμάστε από τα αγγλικά. - "try", έτσι, βάζουμε τη δήλωση try πριν από ένα κομμάτι κώδικα που μπορεί να περιέχει ένα σφάλμα (στην περίπτωσή μας, υπάρχει πραγματικά ένα σφάλμα).
| 6 7 8 9 | πιάσε (ε) (ειδοποίηση( "χειρισμός σφαλμάτων:"+e.message); ) |
catch(e) ( alert("error handling: "+e.message); )
Εάν υπάρχει πραγματικά ένα σφάλμα, τότε ο χειριστής catch αποθηκεύει αυτό το σφάλμα στο αντικείμενο e. Στο μέλλον, μπορεί να εμφανίζεται σε ένα παράθυρο διαλόγου - e.message .
τελικά ( alert("ενέργειες ολοκλήρωσης"); ) alert("after");
Εάν εξακολουθεί να υπάρχει σφάλμα, τότε ο διερμηνέας, μετά την έξοδο του στο παράδειγμά μας, θα μεταβεί στην εκτέλεση του μπλοκ catch και, στη συνέχεια, τελικά (από το αγγλικό "ολοκλήρωση", "τελικά"), το οποίο θα εκτελείται πάντα, ανεξάρτητα από είτε υπήρξε λάθος είτε όχι. Ακόμα κι αν υπήρχε σφάλμα στο μπλοκ αλίευσης.
Σπουδαίος:Το τελικό μπλοκ στην κατασκευή είναι προαιρετικό.
Εργασία Js 3_17.Εκτελέστε το παραπάνω παράδειγμα με τις ακόλουθες τροποποιήσεις:
Περίληψη:
Το μάθημα κάλυψε τους ακόλουθους τελεστές και δομές γλώσσας Javascript:
Προτάσεις υπό όρους Javascript:
Δηλώσεις βρόχου:
Τελική εργασία Js 3_18.
Δημιουργήστε ένα παιχνίδι για δύο:
- Το πρόγραμμα ζητά από τον πρώτο παίκτη να εισαγάγει έναν αριθμό από 1 πριν 100 (ο δεύτερος παίκτης δεν βλέπει τον αριθμό που έχει εισαχθεί). Στη συνέχεια, ο δεύτερος παίκτης καλείται να μαντέψει τον αριθμό που εισήγαγε. Η απάντηση είναι ένα μήνυμα "λίγοι"ή "πολλά απο"ανάλογα με την απάντηση που καταχωρήθηκε. Εάν ο παίκτης μαντέψει σωστά, εμφανίζονται συγχαρητήρια. Αν δεν μαντέψει, το παιχνίδι συνεχίζεται (μέχρι να μαντέψει πραγματικά ο αριθμός).
- Υπολογίστε τον αριθμό των προσπαθειών και επιστρέψτε το αποτέλεσμα όταν μαντέψετε τον αριθμό.
Ερωτήσεις για αυτοέλεγχο:
- Πότε είναι κατάλληλο να χρησιμοποιήσετε έναν βρόχο For In; Δώστε ένα παράδειγμα χρήσης του.
- Ποιος είναι ο σκοπός της δήλωσης try..catch;
- Εξηγήστε τον σκοπό κάθε μπλοκ εντολής try..catch.
Στην καθημερινή ζωή, είναι συχνά απαραίτητο να ληφθεί κάποιου είδους απόφαση, ανάλογα με κάποια συνθήκη. Για παράδειγμα, αν ο καιρός είναι ζεστός το Σαββατοκύριακο, τότε θα πάμε στη θάλασσα, αλλιώς, αν έχει συννεφιά, θα καθίσουμε σπίτι.
Στον προγραμματισμό, αυτό είναι επίσης πολύ κοινό. Για αυτό υπάρχουν δύο προτάσεις υπό όρους, αυτές είναι if-else και switch-case. Σε αυτό το άρθρο θα σας μιλήσω για τη δήλωση if-else και στο επόμενο άρθρο για το switch-case.
Σύνταξη της υπό όρους πρότασης if-elseΕπόμενο:
Εάν η συνθήκη είναι αληθής, τότε εκτελείται ο κώδικας από το μπλοκ if, διαφορετικά, εάν η συνθήκη είναι false, τότε εκτελείται ο κώδικας από το μπλοκ else.
Για καλύτερη κατανόηση, ας πάρουμε ένα τόσο απλό παράδειγμα, έχουμε ένα συγκεκριμένο χρηματικό ποσό και θέλουμε να αγοράσουμε ένα αυτοκίνητο, και εδώ προκύπτει αμέσως μια τέτοια κατάσταση, εάν έχουμε αρκετά χρήματα, τότε μπορούμε να αγοράσουμε αυτό το αυτοκίνητο, διαφορετικά δεν μπορώ.
Var χρήματα = 35000; // Ας πούμε ότι έχουμε 35.000 ευρώ // Το αυτοκίνητο που θέλουμε να αγοράσουμε κοστίζει 50.000 ευρώ. Και η ακόλουθη συνθήκη εμφανίζεται εάν(χρήματα > 50000)( document.write("Μπορούμε να αγοράσουμε ένα αυτοκίνητο"); )else( document.write("Δεν υπάρχουν αρκετά χρήματα για να αγοράσουμε ένα αυτοκίνητο"); )
Αποθηκεύουμε το έγγραφο, το ανοίγουμε στο πρόγραμμα περιήγησης και βλέπουμε ότι στη σελίδα εμφανίστηκε το ακόλουθο μήνυμα: "Δεν υπάρχουν αρκετά χρήματα για να αγοράσουμε ένα αυτοκίνητο". Αν είχαμε πάνω από 50.000 ευρώ, τότε θα εκτελούνταν ο κωδικός από το μπλοκ if. Αν είχαμε ακριβώς 50.000 ευρώ, τότε επίσης δεν θα μπορούσαμε να αγοράσουμε αυτοκίνητο, γιατί 50.000 δεν είναι πάνω από 50.000. Για να ισχύει η συνθήκη σε αυτή την περίπτωση, πρέπει να γράψουμε πρόσημο μεγαλύτερο ή ίσο ( >=) .
Σχόλιο! Η λογική πράξη ίσον γράφεται με δύο σύμβολα ίσου (==). Υπάρχει επίσης μια λογική πράξη μικρότερη ή ίση με (
χρησιμοποιώντας σγουρά τιράντες
Εάν υπάρχει μόνο ένας χειριστής, τότε τα σγουρά σιδεράκια είναι προαιρετικά, εάν υπάρχουν περισσότεροι από ένας χειριστές στο μπλοκ, τότε απαιτούνται σγουρά τιράντες.
Το παραπάνω παράδειγμα θα λειτουργήσει μια χαρά χωρίς σγουρά στηρίγματα, καθώς και τα δύο μπλοκ περιέχουν μόνο μία δήλωση το καθένα.
Μέσα αν μπορείτε να γράψετε λογικές πράξειςείτε είναι απλά είτε σύνθετα. Μπορείτε επίσης να χρησιμοποιήσετε τους τελεστές AND (&&) και OR (||).
Σχόλιο! Η παρουσία του μπλοκ else είναι προαιρετική.
Για παράδειγμα, αν το a είναι ίσο με b και το c είναι ίσο με d, τότε εμφανίζουμε το αντίστοιχο μήνυμα, διαφορετικά εάν δεν υπάρχει άλλο μπλοκ, τότε απλώς προχωράμε στην επόμενη γραμμή.
Var a = 4, b = 4, c = 8, d = 8; if((a == b) && (c == d)) document.write("a ίσον b ΚΑΙ c ίσον d"); document.write("Επόμενη γραμμή κώδικα");
αν-άλλο αν-άλλο δήλωση
Μετά το μπλοκ if, μπορούν να ακολουθήσουν ένα ή περισσότερα άλλα μπλοκ if και στο τέλος υπάρχει ένα μπλοκ else. Αυτό είναι χρήσιμο όταν χρειάζεται να χρησιμοποιήσετε περισσότερες από μία συνθήκες.
Για καλύτερη κατανόηση, ας πάρουμε ένα παράδειγμα από την καθημερινότητα. Για παράδειγμα, έχουμε έναν συγκεκριμένο αριθμό καταστημάτων. Εάν έχουμε μόνο μία πρίζα στο δωμάτιο, τότε μπορούμε να συνδέσουμε μόνο μία συσκευή, αν υπάρχουν δύο πρίζες, τότε μπορούμε να συνδέσουμε δύο συσκευές και εάν υπάρχουν περισσότερες, τότε μπορούμε να συνδέσουμε όλες τις συσκευές από το σπίτι στο ηλεκτρικό δίκτυο .
Τώρα ας περάσουμε στον προγραμματισμό.
πρίζα var = 2; // Αριθμός πριζών στο σπίτι if(socket == 1) document.write("
Μπορούμε να συνδέσουμε μόνο μία συσκευή
"); else if(socket == 2)( document.write("Μπορούμε να συνδέσουμε μόνο δύο συσκευές
"); document.write("Για παράδειγμα τηλεόραση και φορητός υπολογιστής
"); )else( document.write("Μπορούμε να συνδέσουμε όλες τις συσκευές από το σπίτι στο ηλεκτρικό δίκτυο
"); }Ανάλογα με την τιμή της μεταβλητής socket, θα λειτουργήσει ένα ή άλλο μπλοκ κώδικα. Όπως πιθανότατα έχετε ήδη καταλάβει, εάν η υποδοχή είναι ίση με 1, τότε το πρώτο μπλοκ κώδικα θα λειτουργήσει. Εάν η υποδοχή είναι 2, τότε το δεύτερο μπλοκ κώδικα θα λειτουργήσει και εάν η υποδοχή έχει οποιαδήποτε άλλη τιμή (ακόμα και αρνητικό αριθμό), τότε το τρίτο μπλοκ κώδικα θα λειτουργήσει.
Σύντομη για το αν αλλιώς
Μια συντομογραφία μπορεί να χρησιμοποιηθεί όταν, ανάλογα με μια συγκεκριμένη συνθήκη, μια μεταβλητή μπορεί να λάβει τη μία ή την άλλη τιμή.
Για παράδειγμα, εάν η τιμή της μεταβλητής a είναι μεγαλύτερη από την τιμή της μεταβλητής b, τότε γράφουμε το ακόλουθο μήνυμα στη μεταβλητή x, "Η μεταβλητή a είναι μεγαλύτερη από τη μεταβλητή b", διαφορετικά γράφουμε ότι "Η μεταβλητή a είναι μικρότερη από τη μεταβλητή b ".
Var a = 50, b = 100, x; x = (a > b) ? "
Μεταβλητή α περισσότερομεταβλητή β
" : "Μεταβλητή α πιο λιγομεταβλητή β
"; //Έξοδος του αποτελέσματος document.write(x);Μόνο αυτό ήθελα να σας πω σε αυτό το άρθρο. Η υπό όρους πρόταση if-else χρησιμοποιείται περισσότερο από κάθε σενάριο, επομένως είναι πολύ σημαντικό να τη γνωρίζετε και να την κατανοήσετε. Στο επόμενο άρθρο, θα σας πω για μια άλλη δήλωση υπό όρους μεταγωγής.
Σε αυτό το παράδειγμα, αρχικά δηλώνουμε τέσσερις μεταβλητές με τη λέξη-κλειδί var και αμέσως τους εκχωρούμε αριθμητικές τιμές. Στη συνέχεια, χρησιμοποιώντας τους τελεστές αύξησης και μείωσης, αλλάζουμε τις τιμές των αριθμών. Οι πληροφορίες εμφανίζονται χρησιμοποιώντας τη λειτουργία ηχώ(βλ. άρθρο ""). Για να μην ξαναγράψω το όνομα του αντικειμένου, χρησιμοποίησα την κατασκευή με().
Λογικοί τελεστές
Κατά τον έλεγχο μιας συνθήκης χρησιμοποιούνται λογικοί τελεστές, για να μην επαναληφθεί, θα κάνω μια συντομογραφία: ο αριστερός τελεστής είναι L.O. και ο δεξιός τελεστής είναι P.O.
- && - Boolean "AND"
- || - "Ή"
- ! - "ΔΕΝ"
- > - L.O. περισσότερα P.O.
- >= - L.O. μεγαλύτερη ή ίση με Δ.Ε.
- < - Л.О. меньше П.О.
- <= - Л.О. меньше или равен П.О.
- == - L.O. ισοδυναμεί με Π.Ο.
- != - L.O. δεν ισούται με Π.Ο.
- |= - Λ.Ο. ισούται με τον εαυτό του Ή P.O.
- &= - Λ.Ο. είναι ίσος με τον εαυτό του ΚΑΙ Π.Ο.
- ^= - ΑΠΟΚΛΕΙΣΤΙΚΟ Ή
Τώρα σκεφτείτε το ακόλουθο σενάριο:
| //***************************************** // λογικές πράξεις// logic_if_else.js //***************************************** var a= 10 , b= 100 , WshShell, τίτλος, msg1, msg2, msg3, msg4, vbInformation = 64 ; // Δημιουργήστε μια παρουσία της κλάσης WScript.Shell WshShell = WScript.CreateObject("WScript.Shell" ); τίτλος = "Συνεργασία με την υπό όρους δήλωση IF ELSE JS"; with(WshShell) (αν (a>= 5 && a<= 100 ) //истина msg1 = "TRUE" ; else msg1 = "FALSE" ; Popup (msg1, 5 , title, vbInformation) ; if (a>= 5 || b== 100 ) //true msg2 = "TRUE" ; else msg2 = "ΛΑΘΟΣ" ; Αναδυόμενο παράθυρο (msg2, 5 , τίτλος, vbInformation) ; //δήλωση υπό όρους js αν αλλιώς if (! a) //false msg3 = "TRUE" ; else msg3 = "ΛΑΘΟΣ" ; Αναδυόμενο παράθυρο (msg3, 5 , τίτλος, vbInformation) ; if (a&= 100 ) //false msg4 = "TRUE" ; else msg4 = "ΛΑΘΟΣ" ; Αναδυόμενο παράθυρο (msg4, 5 , τίτλος, vbInformation) ; ) |
Όπως και στο προηγούμενο σενάριο, εδώ χρησιμοποίησα την κατασκευή μεγια να συντομεύσετε τον κωδικό. Ωστόσο, για να εμφανίσουμε πληροφορίες, χρησιμοποιήσαμε τη συνάρτηση αναδυόμενο παράθυρο(βλ. άρθρο ""). Ως αποτέλεσμα, τα παράθυρα διαλόγου θα κλείσουν αυτόματα μετά από μερικά δευτερόλεπτα. Παρατηρήστε ότι δεν χρησιμοποιήσαμε σγουρά τιράντες σε αυτό το παράδειγμα.στη δήλωση υπό όρους js if, είναι σχετικές μόνο όταν χρειάζεται να εκτελέσετε όχι μία γραμμή κώδικα, αλλά πολλές.
Τέλος, ας δούμε ένα τέτοιο πρακτικό παράδειγμα όπως η επίλυση μιας τετραγωνικής εξίσωσης:
| // Επίλυση της δευτεροβάθμιας εξίσωσης// uravnenije_if_else.js // *********************************************************** var a, b, c, d, x, x1, x2; //Δήλωση μεταβλητών a=- 2 ; b=6; c= 20 ; //Αναζήτηση για το διακριτικό d= Math .pow (b, 2 ) - 4 * a * c; αν (d== 0 ) ( x= b/ (2 * a) ; msg= "Η εξίσωση έχει μία λύση, το x είναι ακριβώς"+ x ) other ( if (d> 0 ) ( x1= (- b+ Math .sqrt (d) ) / (2 * a) ; x2= (- b- Math .sqrt (d) ) / (2 * a) msg= "Η εξίσωση έχει δύο λύσεις \n x1 ακριβώς "+ x1 + " \n x2 ακριβώς "+x2; // δήλωση υπό όρους if else js) else msg= "Καμία λύση" ; ) WScript.Echo (msg) ; |