Betinget forgrening i JavaScript

Denne artikkelen forklarer betinget forgrening i JavaScript.

YouTube Video

if-setningen i JavaScript

Grunnleggende Syntax

1if (condition) {
2    // Code that executes if the condition is true
3}

if-setningen i JavaScript er en grunnleggende kontrollstruktur som brukes til å styre kodeutførelse basert på om en spesifikk betingelse er sann eller usann. Hvis betingelsen er sann, blir kodeblokken utført, og hvis den er usann, blir den hoppet over.

Eksempel

1let x = 10;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5}

I dette eksempelet, siden verdien av x er større enn 5, vises x er større enn 5 i konsollen.

else-setning

Grunnleggende Syntax

1if (condition) {
2    // Code that executes if the condition is true
3} else {
4    // Code that executes if the condition is false
5}

Ved å bruke en else-setning etter en if-setning, kan du spesifisere kode som skal utføres når betingelsen er usann.

Eksempel

1let x = 3;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5} else {
6    console.log("x is 5 or less");
7}

I dette tilfellet, siden x er mindre enn 5, vises "x er 5 eller mindre".

else if-setning

Grunnleggende Syntax

1if (condition1) {
2    // Code that executes if condition1 is true
3} else if (condition2) {
4    // Code that executes if condition1 is false and condition2 is true
5} else {
6    // Code that executes if both condition1 and condition2 are false
7}

Hvis du vil sjekke flere betingelser, bruk else if. Den neste betingelsen sjekkes hvis den første if-setningen er usann.

Eksempel

1let x = 5;
2
3if (x > 10) {
4    console.log("x is greater than 10");
5} else if (x === 5) {
6    console.log("x is 5");
7} else {
8    console.log("x is 5 or less");
9}

I dette tilfellet, siden x er 5, vises "x er 5".

Ternær operator (betinget operator)

Syntaks

1condition ? valueIfTrue : valueIfFalse

Hvis du vil skrive en if-setning mer kortfattet, kan du bruke den ternære operatoren.

Eksempel

1const number = 7;
2const result = number % 2 === 0 ? "Even" : "Odd";
3console.log(result); // "Odd"

I dette tilfellet, siden number er 7, vises Odd.

Sammendrag

• if-setninger kontrollerer hvilken kode som utføres basert på om betingelsen er sann eller usann.
• Du kan spesifisere adferd for når betingelsen er usann ved å bruke else.
• Du kan sjekke flere betingelser ved å bruke else if.
• Du kan også bruke en ternær operator for å skrive betingede forgreninger på en kortfattet måte.

switch-setningen i JavaScript

Grunnleggende Syntax

 1switch (expression) {
 2    case value1:
 3        // Code that executes if the expression matches value1
 4        break;
 5    case value2:
 6        // Code that executes if the expression matches value2
 7        break;
 8    default:
 9        // Code that executes if no cases match
10}

switch-setningen i JavaScript brukes til å sammenligne ett uttrykk (vanligvis en variabel) med flere verdier (tilfeller) og utføre den tilsvarende koden. Som if-setningen utfører den betinget forgrening, men den er ofte mer lesbar når det er flere betingelser.

Eksempel

 1let fruit = "apple";
 2
 3switch (fruit) {
 4    case "apple":
 5        console.log("This is an apple");
 6        break;
 7    case "banana":
 8        console.log("This is a banana");
 9        break;
10    default:
11        console.log("Unknown fruit");
12}

I dette eksemplet, siden fruit er "apple", vises "Dette er et eple" i konsollen.

break の役割

Ved å sette inn break på slutten av hver case, avslutter du switch-setningen etter å ha fullført den casen. Hvis du ikke skriver break, vil den neste casen også bli utført (dette kalles fall-through).

Eksempel på Fall-Through

 1let color = "red";
 2
 3switch (color) {
 4    case "red":
 5        console.log("This is red");
 6    case "blue":
 7        console.log("This is blue");
 8    default:
 9        console.log("Unknown color");
10}

I dette tilfellet, siden color er "red", og det ikke er noe break etter "Dette er rødt", vil både "Dette er blått" og "Ukjent farge" også bli vist.

Bruk av default

default er delen som kjøres når det ikke er noen treff med noen case. Dette tilsvarer else i en if-setning.

 1let animal = "dog";
 2
 3switch (animal) {
 4    case "cat":
 5        console.log("This is a cat");
 6        break;
 7    case "bird":
 8        console.log("This is a bird");
 9        break;
10    default:
11        console.log("Unknown animal");
12}

I dette tilfellet, siden animal er "dog", faller det under default, og "Ukjent dyr" vises.

Håndtering av flere verdier med samme case

Hvis du vil utføre den samme operasjonen for flere cases, kan du skrive dem etter hverandre.

Eksempel

 1let day = 1;
 2switch (day) {
 3    case 1:
 4    case 2:
 5    case 3:
 6    case 4:
 7    case 5:
 8        console.log("Weekday");
 9        break;
10    case 6:
11    case 7:
12        console.log("Weekend");
13        break;
14    default:
15        console.log("Unknown day");
16}

I dette eksemplet, hvis day er 1, vises "Ukedag".

switch vs. if

• En if-setning er egnet for å sjekke komplekse betingelser eller områder. For eksempel kan komplekse betingelser som at en variabel x er større enn eller lik 10 og mindre enn eller lik 20 ikke skrives i en switch.
• En switch-setning kan noen ganger gjøre koden mer lesbar når du sjekker om en verdi samsvarer med en spesifikk.

Sammendrag

• Switch-setningen brukes til å skrive betingede grener for flere verdier på en konsis måte.
• Hvis du ikke bruker break på slutten av hver case, kan neste case også bli utført (fall-through).
• default blir kjørt når ingen av casene samsvarer.

Du kan følge med på artikkelen ovenfor ved å bruke Visual Studio Code på vår YouTube-kanal. Vennligst sjekk ut YouTube-kanalen.

YouTube Video