Betinget forgrening i JavaScript

Denne artikel forklarer betinget forgrening i JavaScript.

YouTube Video

if-udsagnet i JavaScript

Grundlæggende syntaks

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

if-udsagnet i JavaScript er en grundlæggende kontrolstruktur, der bruges til at styre kodeudførelse baseret på, om en specifik betingelse er sand eller falsk. Hvis betingelsen er sand, udføres kodeblokken, og hvis den er falsk, springes den over.

Eksempel

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

I dette eksempel, da værdien af x er større end 5, vises x er større end 5 i konsollen.

else-udsagn

Grundlæggende syntaks

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

Ved at bruge et else-udsagn efter et if-udsagn kan du specificere kode, der skal udføres, når betingelsen er falsk.

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 tilfælde, da x er mindre end 5, vises "x er 5 eller mindre".

else if-udsagn

Grundlæggende syntaks

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 kontrollere flere betingelser, skal du bruge else if. Den næste betingelse kontrolleres, hvis den første if er falsk.

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 tilfælde vises "x er 5", da x er 5.

Ternær operator (betinget operator)

Syntaks

1condition ? valueIfTrue : valueIfFalse

Hvis du vil skrive et if-udsagn mere kortfattet, kan du bruge den ternære operator.

Eksempel

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

I dette tilfælde, da number er 7, vises Ulige.

Sammendrag

• if-udsagn kontrollerer, hvilken kode der udføres, baseret på om betingelsen er sand eller falsk.
• Du kan specificere adfærden, når betingelsen er falsk, ved at bruge else.
• Du kan kontrollere flere betingelser ved hjælp af else if.
• Du kan også bruge en ternær operator til at skrive betingede forgreninger kortfattet.

switch-udsagn i JavaScript

Grundlæggende syntaks

 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-udsagnet i JavaScript bruges til at sammenligne et udtryk (typisk en variabel) med flere værdier (cases) og udføre den tilsvarende kode. Ligesom if-udsagnet udfører det betinget forgrening, men det er ofte mere læsbart, når der 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 eksempel, da fruit er "apple", vises "This is an apple" i konsollen.

break の役割

Ved at indsætte break i slutningen af hver case, forlader du switch-sætningen, når den case er fuldført. Hvis du ikke skriver break, vil den næste case også blive udført (dette kaldes 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 tilfælde, da color er "red", og der ikke er noget break efter "This is red", vil både "This is blue" og "Unknown color" blive vist.

Brug af default

default er den del, der udføres, når der ikke er noget match med nogen case. Det svarer til else i en if-sætning.

 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 tilfælde, da animal er "dog", falder det under default, og "Unknown animal" vises.

Håndtering af flere værdier i samme case

Hvis du vil udføre den samme handling for flere cases, kan du skrive dem i rækkefølge.

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 eksempel, hvis day er 1, vises "Weekday".

switch vs. if

• En if-sætning er velegnet til at kontrollere komplekse betingelser eller intervaller. For eksempel kan komplekse betingelser som at en variabel x er større end eller lig med 10 og mindre end eller lig med 20 ikke skrives i en switch.
• En switch-sætning kan nogle gange gøre koden mere læsbar, når man kontrollerer, om en værdi matcher en bestemt.

Sammendrag

• switch-sætningen bruges til at skrive betingede forgreninger for flere værdier kortfattet.
• Hvis du ikke bruger break i slutningen af hver case, kan den næste case også blive udført (fall-through).
• default udføres, når ingen af cases stemmer overens.

Du kan følge med i ovenstående artikel ved hjælp af Visual Studio Code på vores YouTube-kanal. Husk også at tjekke YouTube-kanalen.

YouTube Video