Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Användning av Else If för Flera Villkor | Styrning av Programflöde med Villkorssatser
Grunder i JavaScript

bookAnvändning av Else If för Flera Villkor

Svep för att visa menyn

Nu ska vi undersöka ett scenario där flera villkor är aktuella:

1234567891011121314151617
let a = 11; if (a > 15) { console.log('greater than 15'); } if (a > 10) { console.log('greater than 10'); } if (a > 5) { console.log('greater than 5'); } if (a > 0) { console.log('greater than 0'); }
copy

I detta exempel är variabeln a större än 10, men andra meddelanden som "greater than 5" och "greater than 0" skrivs också ut. Detta är inte önskat beteende när endast ett villkor ska utföras. else-satsen fungerar inte bra här på grund av flera villkor.

Introduktion till else if

Konstruktionen else if erbjuder en lösning för att välja ett specifikt kodblock inom en serie villkor:

if (condition) {
  // First `if` code block
} else if (condition) {
  // First `else-if` code block
} else if (condition) {
  // Second `else-if` code block
}

Som du kan se är else-if-satsen enkel, med en if-sats följd av den:

if (condition) {
  // Code block
} else if (condition) {
  // Repeat the `if` syntax
}

Tillämpning på vårt exempel:

1234567891011
let a = 11; if (a > 15) { console.log("greater than 15"); } else if (a > 10) { console.log("greater than 10"); } else if (a > 5) { console.log("greater than 5"); } else if (a > 0) { console.log("greater than 0"); }
copy

Nu har vi skapat en sekvens av villkor. När minst ett if-villkor blir true, avbryts kedjan.

Obs

Denna struktur är användbar när endast ett villkor behöver uppfyllas.

Lägga till else

Du kan även lägga till ett else-uttryck efter villkorskedjan. Låt oss ändra vårt exempel:

12345678910111213
let a = -61; if (a > 15) { console.log("greater than 15"); } else if (a > 10) { console.log("greater than 10"); } else if (a > 5) { console.log("greater than 5"); } else if (a > 0) { console.log("greater than 0"); } else { console.log("No condition is satisfied"); }
copy
question mark

Vad kommer att skrivas ut i konsolen när följande kod körs?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 3

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 4. Kapitel 3
some-alt