Mga Kundisyunal na Pahayag sa TypeScript

Sa artikulong ito, ipapaliwanag namin ang mga kundisyunal na pahayag sa TypeScript.

YouTube Video

If Statements sa TypeScript

Sa TypeScript, ang isang if statement ay nagsasagawa ng pagsasanga na nag-eexecute ng code kung ang isang tinukoy na kundisyon ay true at hindi ito i-eexecute kung ang kundisyon ay false. Ang if statement ay may parehong syntax gaya ng sa JavaScript at gumagamit ng type safety ng TypeScript upang magsagawa ng kundisyunal na pagsasanga.

Pangunahing Syntax

Ang pangunahing sintaks ng pahayag na if ay ang mga sumusunod.

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}

• Kung ang condition ay true, ang code sa sumusunod na bloke ay maisasagawa.
• Kung ang condition ay false at ang anotherCondition ay true, ang code sa sumusunod na bloke ay maisasagawa.
• Kung wala sa mga kondisyon ang true, ang code sa huling bloke na else ay maisasagawa.

Halimbawa 1: Pangunahing if-else na Pahayag

Sa sumusunod na halimbawa, sinusuri nito kung ang variable na x ay 10 o higit pa at ipinapakita ang resulta.

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

Halimbawa 2: if-else if-else na Pahayag

Upang suriin ang maraming kundisyon, gamitin ang else if upang magdagdag ng mga sangang-daan.

 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

Halimbawa 3: if statement na may type checking

Posible ring magsagawa ng kundisyunal na pagsasanga para sa mga tiyak na uri gamit ang type checking feature ng TypeScript. Halimbawa, suriin ang uri ng isang variable gamit ang operator na typeof at magsagawa ng angkop na pagpoproseso.

 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"

Halimbawa 4: Mga Nested na if Statements

Maaari ka ring mag-nest ng mga if statement upang suriin ang mas kumplikadong mga kundisyon.

 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

Ternary operator (conditional operator)

Sintaks

1condition ? valueIfTrue : valueIfFalse

Kung nais mong magsulat ng pahayag na if nang mas maikli, maaari mong gamitin ang ternary operator.

Halimbawa

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

Sa kasong ito, dahil ang number ay 7, ipapakita ang Odd.

Buod

• Ang if statement ay isang pangunahing istruktura ng kontrol upang matukoy kung aling proseso ang i-eexecute batay sa mga kundisyon.
• Maaari mong pamahalaan ang maraming kundisyon gamit ang else if.
• Sa pamamagitan ng paggamit ng typeof, maaari mong magamit ang mga uri ng TypeScript para sa kundisyunal na pagsasanga.
• Ang paghawak ng kumplikadong kundisyon ay posible gamit ang mga nested na if statement.
• Maaari mo ring gamitin ang ternary operator upang maisulat ang mga kondisyonal na sanga nang mas maikli.

Sa TypeScript, ang paggamit ng mga if statement na may isinasaalang-alang na type safety ay maaaring magpabuti ng pagiging maaasahan ng code.

Switch Statements sa TypeScript

Ang switch statement sa TypeScript ay isang istruktura ng kontrol na ginagamit upang magsanga ng code batay sa maraming kundisyon. Sa halip na gumamit ng mga if-else if na pahayag upang suriin ang maraming kundisyon, maaari kang gumamit ng switch statement upang isulat nang maikli ang lohika ng pagsasanga batay sa mga tiyak na halaga.

Pangunahing 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}

Sa isang switch statement, kung ang halaga na tinukoy sa isang case ay tumutugma sa nasuri na ekspresyon, ang case block ay ieexecute. Mag-ingat dahil kung walang break, ang sumusunod na case block ay ieexecute nang sunod-sunod. Ang default na block ay isinasagawa kung wala sa mga case na pahayag ang tugma.

Halimbawa 1: Pangunahing switch na Pahayag

Sa halimbawa sa ibaba, isang numero na kumakatawan sa isang araw ng linggo (0 hanggang 6) ang ibinibigay, at ang kaukulang pangalan ng araw ay ipinapakita batay sa halagang iyon.

 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

Halimbawa 2: Halimbawa gamit ang default

Ang default ay kapaki-pakinabang dahil ito ay tumatakbo kapag wala sa mga case na pahayag ang tugma, na nagpapahintulot sa iyo na harapin ang mga hindi inaasahang halaga.

 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

Halimbawa 3: Pagsasagawa ng parehong proseso para sa maraming case

Kung nais mong isagawa ang parehong aksyon para sa maraming case na pahayag, maaari mong i-lista ang mga ito nang sunud-sunod.

 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

Halimbawa 4: Ugali kapag ang break ay tinanggal

Ang pagtanggal ng break ay nagreresulta sa ugaling "fall-through" kung saan isinasagawa rin ang susunod na case.

 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

Sa ganitong paraan, pagkatapos magtugma ang isang case, ang susunod na case ay isinasagawa rin, kaya't karaniwang ginagamit ang break upang maiwasan ang hindi kailangang fall-through.

Buod

• Ang switch na pahayag ay isang control structure na nagbibigay-daan sa iyo na magsulat ng lohika ng pagbabahagi batay sa maraming kondisyon nang maikli.
• Ang bawat case ay dapat tahasang tapusin ang proseso gamit ang break.
• Ang default na block ay isinasagawa kung wala sa mga case ang tugma.
• Posible rin na isagawa ang parehong operasyon para sa maraming case.

Ang switch na pahayag sa TypeScript ay kapaki-pakinabang para sa mahusay na paghawak ng maraming kondisyon habang pinapanatili ang kababasa ng code.

Maaari mong sundan ang artikulo sa itaas gamit ang Visual Studio Code sa aming YouTube channel. Paki-check din ang aming YouTube channel.

YouTube Video