Πρόταση if/else του JavaScript

Ορισμός και χρήση

Η πρόταση if/else εκτελεί το κείμενο κώδικα όταν η καθορισμένη συνθήκη είναι αληθής. Αν η συνθήκη είναι ψευδής, μπορεί να εκτελεστεί άλλο κείμενο κώδικα.

Η πρόταση if/else είναι μέρος των "συνθηκών" του JavaScript και χρησιμοποιείται για την εκτέλεση διαφορετικών ενεργειών ανάλογα με τις συνθήκες.

Στο JavaScript, έχουμε τις ακόλουθες προτάσεις συνθηκών:

  • Χρησιμοποιήστε το if για να καθορίσετε το κείμενο κώδικα που θα εκτελεστεί αν η καθορισμένη συνθήκη είναι αληθής
  • Χρησιμοποιήστε το else για να καθορίσετε το κείμενο κώδικα που θα εκτελεστεί αν η ίδια συνθήκη είναι ψευδής
  • Αν η πρώτη συνθήκη είναι ψευδής, χρησιμοποιήστε το else if για να καθορίσετε νέα συνθήκη για δοκιμή
  • Χρησιμοποιήστε το switch για να επιλέξετε έναν από τους πολλαπλούς κώδικες που θα εκτελεστούν

Παράδειγμα

Αν η τρέχουσα ώρα (HOUR) είναι μικρότερη από 20:00, τότε θα εμφανιστεί το "Good day" στο στοιχείο με id="demo":

var time = new Date().getHours(); 
if (time < 20) {
  document.getElementById("demo").innerHTML = "Good day";
}

亲自试一试

Περισσότερες παραδείγματα TIY στο κάτω μέρος της σελίδας.

Γλώσσα γραμματογραφίας

Η εντολή if καθορίζει το κείμενο κώδικα που θα εκτελεστεί αν η συνθήκη είναι αληθής:

if (}condition) {
  // κώδικας μπλοκ που θα εκτελεστεί αν η συνθήκη είναι αληθής
}

Η πρόταση else καθορίζει τον κώδικα μπλοκ που θα εκτελεστεί αν η συνθήκη είναι ψευδής:

if (condition) {
  // κώδικας μπλοκ που θα εκτελεστεί αν η συνθήκη είναι αληθής
} else { 
  // κώδικας μπλοκ που θα εκτελεστεί αν η συνθήκη είναι ψευδής
}

Αν η πρώτη συνθήκη είναι ψευδής, η else if πρόταση καθορίζει μια νέα συνθήκη:

if (condition1) {
  // κώδικας μπλοκ που θα εκτελεστεί αν η συνθήκη1 είναι αληθής
} else if (condition2) {
  // κώδικας μπλοκ που θα εκτελεστεί αν η συνθήκη1 είναι ψευδής και η συνθήκη2 είναι αληθής
} else {
  // κώδικας μπλοκ που θα εκτελεστεί αν η συνθήκη1 είναι ψευδής και η συνθήκη2 είναι ψευδής
}

Παράμετρος τιμή

Παράμετροι Περιγραφή
condition Απαιτείται. Έκφραση που υπολογίζει το αποτέλεσμα ως αληθές ή ψευδές.

Τεχνικά Στοιχεία

Έκδοση JavaScript: ECMAScript 1

Περισσότερες παραδείγματα

Παράδειγμα

Αν η ώρα είναι μικρότερη από 20:00, δημιουργήστε ένα "Good day" χαιρετισμό, αλλιώς δημιουργήστε ένα "Good evening":

var time = new Date().getHours(); 
if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

亲自试一试

Παράδειγμα

Αν η ώρα είναι μικρότερη από 10:00, δημιουργήστε ένα "Good morning" χαιρετισμό, αν όχι, αλλά η ώρα είναι μικρότερη από 20:00, δημιουργήστε ένα "Good day" χαιρετισμό, αλλιώς δημιουργήστε ένα "Good evening":

var time = new Date().getHours(); 
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

亲自试一试

Παράδειγμα

Εάν το πρώτο στοιχείο <div> του έγγραφου έχει το id "myDIV", τότε αλλάξτε το μέγεθος γραμματοσειράς του:

var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") { 
  x.style.fontSize = "30px";
}

亲自试一试

Παράδειγμα

Όταν ο χρήστης κάνει κλικ στην εικόνα, αλλάξτε την τιμή του χαρακτηριστικού πηγής του στοιχείου <img> (src):

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<script>
function changeImage() {
  var image = document.getElementById("myImage");
  if (image.src.match("bulbon")) {
    image.src = "pic_bulboff.gif";
  } else {
    image.src = "pic_bulbon.gif";
  }
}
</script>

亲自试一试

Παράδειγμα

Εμφάνιση μηνύματος ανάλογα με την εισαγωγή του χρήστη:

var letter = document.getElementById("myInput").value;
var text;
// Αν η γραμμή είναι "c"
if (letter === "c") {
  text = "Spot on! Good job!";
// Αν η γραμμή είναι "b" ή "d"
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";
// Αν είναι άλλες γραμμές
} else {
  text = "Waaay off..";
}

亲自试一试

Παράδειγμα

Επιβεβαίωση δεδομένων εισαγωγής:

var x, text;
// Λάβετε την τιμή του πεδίου εισαγωγής με id="numb"
x = document.getElementById("numb").value;
// Εάν το x δεν είναι αριθμός ή είναι μικρότερο από 1 ή μεγαλύτερο από 10, τότε εκτυπώστε "input is not valid"
// Εάν το x είναι αριθμός μεταξύ 1 και 10, τότε εκτυπώστε "Input OK"
if (isNaN(x) || x < 1 || x > 10) {
  text = "Input not valid";
} else {
  text = "Input OK";
}

亲自试一试

浏览器支持

语句 Chrome IE Firefox Safari Opera
if/else Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σελίδες σχετικές

Εκμάθηση JavaScript:JavaScript If...Else φράση

Εκμάθηση JavaScript:JavaScript Switch φράση