Kundisyunal na Sanga sa JavaScript

Ang artikulong ito ay nagpapaliwanag ng kundisyunal na sanga sa JavaScript.

YouTube Video

Ang if na pahayag sa JavaScript

Pangunahing Syntax

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

Ang if na pahayag sa JavaScript ay isang pangunahing estruktura ng kontrol na ginagamit upang kontrolin ang pagpapatupad ng code batay sa kung ang isang partikular na kundisyon ay totoo o mali. Kung ang kundisyon ay totoo, ang bloke ng code ay isinasagawa, at kung mali, ito ay nilalaktawan.

Halimbawa

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

Sa halimbawang ito, dahil ang halaga ng x ay mas malaki kaysa sa 5, x is greater than 5 ang ipinapakita sa console.

else na Pahayag

Pangunahing Syntax

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

Sa paggamit ng else na pahayag kasunod ng isang if na pahayag, maaari mong tukuyin ang code na isasagawa kapag ang kundisyon ay mali.

Halimbawa

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}

Sa kasong ito, dahil ang x ay mas mababa kaysa sa 5, "x is 5 or less" ang ipinapakita.

else if na Pahayag

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

Kung nais mong mag-check ng maraming kundisyon, gamitin ang else if. Ang susunod na kundisyon ay iche-check kung ang orihinal na if ay mali.

Halimbawa

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}

Sa kasong ito, dahil ang x ay 5, ang "x is 5" ay ipinapakita.

Operator na Ternaryo (Kundisyunal na Operator)

Sintaks

1condition ? valueIfTrue : valueIfFalse

Kung nais mong isulat nang mas maikli ang isang if na pahayag, maaari mong gamitin ang operator na ternaryo.

Halimbawa

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

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

Buod

• Ang mga if na pahayag ay kumokontrol kung aling code ang isinasagawa batay sa kung ang kundisyon ay totoo o mali.
• Maaari mong tukuyin ang pag-uugali kapag ang kundisyon ay mali gamit ang else.
• Maaari kang mag-check ng maraming kundisyon gamit ang else if.
• Maaari mo ring gamitin ang operator na ternaryo upang maisulat nang maikli ang mga kundisyunal na sanga.

Ang switch na pahayag sa JavaScript

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

Ang switch na pahayag sa JavaScript ay ginagamit upang ihambing ang isang ekspresyon (karaniwan ay variable) sa maraming halaga (mga kaso) at isagawa ang kaukulang code. Katulad ng if na pahayag, gumagawa ito ng kundisyunal na sanga, ngunit ito ay madalas na mas madaling mabasa kapag mayroong maraming kundisyon.

Halimbawa

 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}

Sa halimbawang ito, dahil ang fruit ay "apple", ang "This is an apple" ay ipapakita sa console.

break の役割

Sa pamamagitan ng paglagay ng break sa dulo ng bawat kaso, lalabas ka mula sa switch na pahayag matapos makumpleto ang kaso na iyon. Kung hindi mo isusulat ang break, ang susunod na kaso ay maisasagawa rin (ito ay tinatawag na fall-through).

Halimbawa ng 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}

Sa kasong ito, dahil ang color ay "red" at walang break pagkatapos ng "This is red", parehong ipapakita ang "This is blue" at "Unknown color".

Paggamit ng default

Ang default ay ang bahagi na isinasagawa kapag wala ni isa mang case ang tugma. Ito ay tumutugma sa else sa isang if na pahayag.

 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}

Sa kasong ito, dahil ang animal ay "dog", ito ay napupunta sa default at ang "Unknown animal" ay ipapakita.

Paghawak ng Maramihang Halaga gamit ang Parehong Kaso

Kung nais mong magsagawa ng parehong operasyon para sa maramihang kaso, maaari mong isulat ang mga ito ng sunod-sunod.

Halimbawa

 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}

Sa halimbawang ito, kung ang day ay 1, ang "Weekday" ay ipapakita.

switch vs. if

• Ang isang if na pahayag ay angkop para sa pagsuri ng mga komplikadong kondisyon o saklaw. Halimbawa, ang mga komplikadong kondisyon tulad ng isang variable na x na higit sa o katumbas ng 10 at mas mababa sa o katumbas ng 20 ay hindi maaaring maisulat sa isang switch.
• Minsan, ang isang switch na pahayag ay maaaring gawing mas madaling basahin ang code kapag sinusuri kung tumutugma ang isang halaga sa isang tiyak na halaga.

Buod

• Ang switch na pahayag ay ginagamit upang isulat ang mga sangay ng kondisyon para sa maramihang halaga nang maikli.
• Kung hindi mo gagamitin ang break sa dulo ng bawat case, ang susunod na case ay maaaring maisakatuparan din (fall-through).
• Ang default ay isinasagawa kapag wala ni isa sa mga kaso ang tumugma.

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