JavaScript — Introduktion genom exempel

2.7 Villkor, if-sats

I ett program behöver man ibland jämföra två uttryck, t.ex. en variabel mot ett värde, för att avgöra hur man ska gå vidare i programmet. Detta görs i ett villkor som ingår i en if-sats. Exemplet är denna gång uppdelat i fem delar, tre för att introducera formerna och två för att ge praktiska exempel:

1. Villkor med villkorsoperatorer (jämföreslseoperatorer) samt olika exempel på sammansättning av if-satsen.
2. Kombination av flera villkor och logiska operatorer.
3. Resultatet av ett villkor är ett booleskt värde, dvs true eller false. Det visas även exempel på funktionen isNaN(), is Not a Number, och skillnad mellan att använda två eller tre likhetstecken i ett villkor.
4. Ett exempel där if-satser bl.a. används för att kontrollera att indata är på rätt form.
5. Ett exempel där if-satser används för att kontrollera gränser för en variabel.

Sammanfattning

• Vid en jämförelse om två värden är lika, används alltid två eller tre likhetstecken, t.ex för att jämföra värdena i variablerna a och b skriver man (a == b) eller (a === b).
• Ett vanligt misstag är att endast skriva ett likhetstecken, (a = b). Detta resulterar inte i något programfel, utan blir istället en tilldelning, där a tilldelas värdet i b.
• Använder man två likhetstecken jämförs endast värden, medan då man använder tre likhetstecken jämförs både värde och datatyp. Oftast är det endast värdena man vill jämföra, så i de flesta fall räcker det med två likhetstecken.
• En if-sats kan användas både med och utan else. Man kan också kombinera flera if-satser med en ny if-sats direkt efter else.
• Har man flera villkor som ska vara uppfyllda kan de kombineras med && (and) eller || (or). Man kan också invertera ett villkor med ! (not).

Egna övningar

Här följer ett förslag på några egna övningar. Öppna filen test.html och test.js och utför följande:

• I funtionen test läses a och b in från textfälten. Lägg till en if-sats som kontrollerar om a är större än b. Skriv i så fall ut "a större än b" i elementet för resultat. Lägg också till en else-del, där du skriver något annat.
• Lägg till ytterligare en if-sats (eller ändra i villkoret i den första) och testa om både a och b är större än 25.
• Ändra villkoret, så att du testar om någon av a eller b är större än 25.
• Skriv en kombinerad if-sats, där du gör olika utskrifter om a är större än 20, 30 eller 40.
  • Testa de tre gränserna i varsin if-sats, som du kombinerar med else if.
  • Tänk också på i vilken ordning de tre testen måste utföras.