Betingelsesuttrykk i TypeScript

I denne artikkelen skal vi forklare betingelsesuttrykk i TypeScript.

YouTube Video

If-setninger i TypeScript

I TypeScript utfører en if-setning forgreninger som kjører kode hvis en spesifisert betingelse er true, og kjører den ikke hvis betingelsen er false. if-setningen har samme syntaks som i JavaScript og bruker TypeScripts typesikkerhet for å utføre betingede forgreninger.

Grunnleggende Syntax

Den grunnleggende syntaksen for if-setningen er som følger.

1if (condition) {
2    // Code to execute if the condition is true
3} else if (anotherCondition) {
4    // Code to execute if the first condition is false
5    // and the another condition is true
6} else {
7    // Code to execute if all conditions are false
8}

• Hvis condition er true, kjøres koden i den følgende blokken.
• Hvis condition er false og anotherCondition er true, kjøres koden i den følgende blokken.
• Hvis ingen av forholdene er true, kjøres koden i den siste else-blokken.

Eksempel 1: Grunnleggende if-else-setning

I følgende eksempel sjekkes det om variabelen x er 10 eller høyere, og resultatet skrives ut.

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

Eksempel 2: if-else if-else-setning

For å sjekke flere betingelser kan du bruke else if for å legge til forgreninger.

 1let score: number = 85;
 2
 3if (score >= 90) {
 4    console.log("Excellent");
 5} else if (score >= 70) {
 6    console.log("Passed");
 7} else {
 8    console.log("Failed");
 9}
10// Outputs: Passed

Eksempel 3: if-setning med typekontroll

Det er også mulig å utføre betingede forgreninger for spesifikke typer ved hjelp av TypeScripts typekontrollfunksjon. For eksempel kan du sjekke typen til en variabel med typeof-operatoren og utføre passende behandling.

 1let value: any = "Hello";
 2
 3if (typeof value === "string") {
 4    console.log("The value is a string: " + value);
 5} else if (typeof value === "number") {
 6    console.log("The value is a number: " + value);
 7} else {
 8    console.log("The value is of another type");
 9}
10// Outputs: "The value is a string: Hello"

Eksempel 4: Nøstede if-setninger

Du kan også nøste if-setninger for å sjekke komplekse betingelser.

 1let age: number = 25;
 2let isMember: boolean = true;
 3
 4if (age >= 18) {
 5    if (isMember) {
 6        console.log("You are a member and 18 years old or older");
 7    } else {
 8        console.log("You are not a member but 18 years old or older");
 9    }
10} else {
11    console.log("You are under 18 years old");
12}
13// Output
14// You are a member and 18 years old or older

Ternær operator (betingelsesoperator)

Syntaks

1condition ? valueIfTrue : valueIfFalse

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

Eksempel

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

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

Sammendrag

• if-setningen er en grunnleggende kontrollstruktur for å bestemme hvilken behandling som skal utføres basert på betingelser.
• Du kan håndtere flere betingelser ved å bruke else if.
• Ved å bruke typeof kan du dra nytte av TypeScripts typer for betingede forgreninger.
• Kompleks betingelseshåndtering er mulig med nøstede if-setninger.
• Du kan også bruke den ternære operatoren for å skrive betingede grener konsist.

I TypeScript kan bruk av if-setninger med typesikkerhet i tankene forbedre kodens pålitelighet.

Switch-setninger i TypeScript

switch-setningen i TypeScript er en kontrollstruktur som brukes til å forgrene kode basert på flere betingelser. I stedet for å bruke if-else if-setninger til å evaluere flere betingelser, kan du bruke en switch-setning for å skrive forgreningslogikk basert på spesifikke verdier på en enklere måte.

Grunnleggende Syntax

 1switch (expressionToEvaluate) {
 2    case value1:
 3        // Code to execute if the expression evaluates to value1
 4        break;
 5    case value2:
 6        // Code to execute if the expression evaluates to value2
 7        break;
 8    default:
 9        // Code to execute if none of the conditions match
10}

I en switch-setning blir case-blokken utført hvis verdien spesifisert i en case samsvarer med uttrykket som evalueres. Vær oppmerksom på at hvis det ikke er en break, vil neste case-blokk bli utført etter hverandre. default-blokken utføres hvis ingen av case-setningene samsvarer.

Eksempel 1: Grunnleggende switch-setning

I eksemplet nedenfor gis et tall som representerer en ukedag (0 til 6), og det tilsvarende dagenavnet skrives ut basert på denne verdien.

 1let day: number = 3;
 2
 3switch (day) {
 4    case 0:
 5        console.log("Sunday");
 6        break;
 7    case 1:
 8        console.log("Monday");
 9        break;
10    case 2:
11        console.log("Tuesday");
12        break;
13    case 3:
14        console.log("Wednesday");
15        break;
16    case 4:
17        console.log("Thursday");
18        break;
19    case 5:
20        console.log("Friday");
21        break;
22    case 6:
23        console.log("Saturday");
24        break;
25    default:
26        console.log("Invalid day");
27}
28// Outputs: Wednesday

Eksempel 2: Eksempel ved bruk av default

default er nyttig fordi den kjører når ingen av case-setningene samsvarer, noe som lar deg håndtere uventede verdier.

 1let statusText: string = "pending";
 2
 3switch (statusText) {
 4    case "success":
 5        console.log("Operation succeeded");
 6        break;
 7    case "error":
 8        console.log("An error occurred");
 9        break;
10    case "pending":
11        console.log("Processing");
12        break;
13    default:
14        console.log("Unknown status");
15}
16// Outputs: Processing

Eksempel 3: Utføre samme prosess for flere cases

Hvis du vil utføre den samme handlingen for flere case-setninger, kan du liste dem etter hverandre.

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

Eksempel 4: Atferd når break utelates

Å utelate en break resulterer i en "fall-through"-atferd der neste case også utføres.

 1let rank: number = 1;
 2
 3switch (rank) {
 4    case 1:
 5        console.log("Gold");
 6    case 2:
 7        console.log("Silver");
 8    case 3:
 9        console.log("Bronze");
10    default:
11        console.log("Not ranked");
12}
13// Outputs:
14// Gold
15// Silver
16// Bronze
17// Not ranked

På denne måten, etter at en case samsvarer, utføres også neste case, så en break brukes vanligvis for å forhindre unødvendig fall-through.

Sammendrag

• switch-setningen er en kontrollstruktur som lar deg skrive forgreningslogikk basert på flere betingelser på en konsis måte.
• Hver case bør eksplisitt avslutte prosessen ved å bruke break.
• default-blokken utføres hvis ingen av cases samsvarer.
• Det er også mulig å utføre samme operasjon for flere cases.

switch-setningen i TypeScript er nyttig for effektivt å håndtere flere betingelser samtidig som kode lesbarheten opprettholdes.

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