JavaScript if/else-sats

Definition och användning

If/else-satsen kör ett kodblock när det specifika villkoret är sant. Om villkoret är falskt kan ett annat kodblock köras.

If/else-satsen är en del av JavaScripts "villkorssatser" och används för att utföra olika åtgärder beroende på olika villkor.

I JavaScript har vi följande villkorssatser:

  • Använd if för att specificera ett kodblock att köra om det specifika villkoret är sant
  • Använd else för att specificera ett kodblock att köra om samma villkor är falskt
  • Använd else if för att specificera ett nytt villkor att testa om den första villkoret är falskt
  • Använd switch för att välja en av flera kodblock att köra

Exempel

Om den aktuella tiden (HOUR) är mindre än 20:00, skriv ut "God dag" i elementet med id="demo":

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

prova det själv

Mer TIY-exempel finns längre ner på sidan.

Syntax

If-satsen specificerar den kodblock som ska köras när villkoret är sant:

if (condition) {
  // kodblock att köra om villkoret är sant
}

else-satsen specificerar kodblocket att köra om villkoret är falskt:

if (condition) {
  // kodblock att köra om villkoret är sant
} annars { 
  // kodblock att köra om villkoret är falskt
}

Om den första villkoret är falskt, specificerar else if-satsen ett nytt villkor:

if (condition1) {
  // kodblock att köra om condition1 är sant
} else if (condition2) {
  // kodblock att köra om condition1 är falskt och condition2 är sant
} annars {
  // kodblock att köra om condition1 är falskt och condition2 är falskt
}

Parametervärde

Parameter Beskrivning
condition Nödvändigt. Uttryck som returnerar true eller false.

Tekniska detaljer

JavaScript version: ECMAScript 1

Mer exempel

Exempel

Om tiden är mindre än 20:00, skapa ett "Good day" hälsning, annars skapa "Good evening":

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

prova det själv

Exempel

Om tiden är mindre än 10:00, skapa ett "Good morning" hälsning, om inte, men tiden är mindre än 20:00, skapa ett "Good day" hälsning, annars skapa ett "Good evening":

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

prova det själv

Exempel

Om den första <div>-elementet i dokumentet har id "myDIV", ändra dess字体störlek:

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

prova det själv

Exempel

När användaren klickar på bilden, ändra värdet på källan (src) för <img>-elementet:

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

prova det själv

Exempel

Visa meddelande baserat på användarinmatning:

var bokstav = document.getElementById("myInput").value;
var text;
// Om bokstaven är "c"
om (bokstav === "c") {
  text = "Precision! Bra jobbat!";
// Om bokstaven är "b" eller "d"
} annars om (bokstav === "b" || bokstav === "d") {
  text = "Nära, men inte tillräckligt nära.";
// Om det är andra bokstäver
} annars {
  text = "Mycket långt ifrån..";
}

prova det själv

Exempel

Verifiera inmatningsdata:

var x, text;
// Hämta värdet för inputfältet med id="numb"
x = document.getElementById("numb").value;
// Om x inte är ett nummer eller mindre än 1 eller större än 10, skriv ut "input är ogiltig"
// Om x är ett nummer mellan 1 och 10, skriv ut "Input OK"
om (isNaN(x) || x < 1 || x > 10) {
  text = "Input inte giltig";
} annars {
  text = "Input OK";
}

prova det själv

webbläsare stödjer

语句 Chrome IE Firefox Safari Opera
if/else Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

JavaScript-tutorial:JavaScript If...Else-sats

JavaScript-tutorial:JavaScript Switch-sats