Web-Dev-For-Beginners/translations/tl/2-js-basics/3-making-decisions/README.md

Mga Pangunahing Kaalaman sa JavaScript: Paggawa ng Desisyon

Sketchnote ni Tomomi Imura

Pre-Lecture Quiz

Pre-lecture quiz

Ang paggawa ng desisyon at pagkontrol sa pagkakasunod-sunod ng pagtakbo ng iyong code ay ginagawang reusable at matibay ang iyong code. Ang seksyong ito ay tumatalakay sa syntax para sa pagkontrol ng daloy ng data sa JavaScript at ang kahalagahan nito kapag ginamit sa Boolean na uri ng data.

🎥 I-click ang imahe sa itaas para sa isang video tungkol sa paggawa ng desisyon.

Maaari mong kunin ang araling ito sa Microsoft Learn!

Maikling Pagbabalik-Aral sa Booleans

Ang Booleans ay may dalawang halaga lamang: true o false. Ang Booleans ay tumutulong sa paggawa ng desisyon kung aling mga linya ng code ang dapat tumakbo kapag natugunan ang ilang mga kondisyon.

Itakda ang iyong boolean na maging true o false tulad nito:

let myTrueBool = true
let myFalseBool = false

✅ Ang Booleans ay ipinangalan sa English na matematikong si George Boole (1815–1864), na isang pilosopo at lohiko.

Mga Operator ng Paghahambing at Booleans

Ang mga operator ay ginagamit upang suriin ang mga kondisyon sa pamamagitan ng paggawa ng mga paghahambing na lilikha ng Boolean na halaga. Narito ang listahan ng mga operator na madalas gamitin.

Simbolo	Deskripsyon	Halimbawa
<	Mas mababa sa: Kinukumpara ang dalawang halaga at nagbabalik ng true Boolean na uri ng data kung ang halaga sa kaliwang bahagi ay mas mababa kaysa sa kanan	5 < 6 // true
<=	Mas mababa o katumbas sa: Kinukumpara ang dalawang halaga at nagbabalik ng true Boolean na uri ng data kung ang halaga sa kaliwang bahagi ay mas mababa o katumbas sa kanan	5 <= 6 // true
>	Mas mataas sa: Kinukumpara ang dalawang halaga at nagbabalik ng true Boolean na uri ng data kung ang halaga sa kaliwang bahagi ay mas mataas kaysa sa kanan	5 > 6 // false
>=	Mas mataas o katumbas sa: Kinukumpara ang dalawang halaga at nagbabalik ng true Boolean na uri ng data kung ang halaga sa kaliwang bahagi ay mas mataas o katumbas sa kanan	5 >= 6 // false
===	Mahigpit na pagkakapantay-pantay: Kinukumpara ang dalawang halaga at nagbabalik ng true Boolean na uri ng data kung ang mga halaga sa kanan at kaliwa ay magkapantay AT magkapareho ng uri ng data.	5 === 6 // false
!==	Hindi pagkakapantay-pantay: Kinukumpara ang dalawang halaga at nagbabalik ng kabaligtaran na Boolean na halaga ng kung ano ang ibabalik ng mahigpit na pagkakapantay-pantay na operator	5 !== 6 // true

✅ Subukan ang iyong kaalaman sa pamamagitan ng pagsusulat ng ilang mga paghahambing sa console ng iyong browser. Mayroon bang data na nagbalik na ikinagulat mo?

If Statement

Ang if statement ay magpapatakbo ng code sa pagitan ng mga block nito kung ang kondisyon ay true.

if (condition) {
  //Condition is true. Code in this block will run.
}

Ang mga logical operator ay madalas gamitin upang bumuo ng kondisyon.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
}

If..Else Statement

Ang else statement ay magpapatakbo ng code sa pagitan ng mga block nito kapag ang kondisyon ay false. Opsyonal ito sa isang if statement.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

✅ Subukan ang iyong pag-unawa sa code na ito at sa sumusunod na code sa pamamagitan ng pagpapatakbo nito sa console ng browser. Baguhin ang mga halaga ng mga variable na currentMoney at laptopPrice upang baguhin ang ibinalik na console.log().

Switch Statement

Ang switch statement ay ginagamit upang magsagawa ng iba't ibang aksyon batay sa iba't ibang kondisyon. Gamitin ang switch statement upang pumili ng isa sa maraming block ng code na isasagawa.

switch (expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
  // code block
}

// program using switch statement
let a = 2;

switch (a) {
  case 1:
    a = "one";
    break;
  case 2:
    a = "two";
    break;
  default:
    a = "not found";
    break;
}
console.log(`The value is ${a}`);

✅ Subukan ang iyong pag-unawa sa code na ito at sa sumusunod na code sa pamamagitan ng pagpapatakbo nito sa console ng browser. Baguhin ang mga halaga ng variable na a upang baguhin ang ibinalik na console.log().

Mga Logical Operator at Booleans

Ang mga desisyon ay maaaring mangailangan ng higit sa isang paghahambing, at maaaring pagsamahin gamit ang mga logical operator upang makabuo ng Boolean na halaga.

Simbolo	Deskripsyon	Halimbawa
&&	Logical AND: Kinukumpara ang dalawang Boolean na expression. Nagbabalik ng true lamang kung parehong panig ay true	(5 > 6) && (5 < 6 ) //Isang panig ay false, ang isa ay true. Nagbabalik ng false
||	Logical OR: Kinukumpara ang dalawang Boolean na expression. Nagbabalik ng true kung kahit isa sa mga panig ay true	(5 > 6) || (5 < 6) //Isang panig ay false, ang isa ay true. Nagbabalik ng true
!	Logical NOT: Nagbabalik ng kabaligtaran na halaga ng isang Boolean na expression	!(5 > 6) // 5 ay hindi mas mataas kaysa sa 6, ngunit ang "!" ay magbabalik ng true

Mga Kondisyon at Desisyon gamit ang Logical Operators

Ang mga logical operator ay maaaring gamitin upang bumuo ng mga kondisyon sa if..else statements.

let currentMoney;
let laptopPrice;
let laptopDiscountPrice = laptopPrice - laptopPrice * 0.2; //Laptop price at 20 percent off

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is true. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Negation operator

Nakikita mo na kung paano mo magagamit ang isang if...else statement upang lumikha ng conditional logic. Anumang bagay na pumapasok sa isang if ay kailangang mag-evaluate sa true/false. Sa pamamagitan ng paggamit ng ! operator, maaari mong i-negate ang expression. Ganito ang magiging hitsura nito:

if (!condition) {
  // runs if condition is false
} else {
  // runs if condition is true
}

Ternary expressions

Ang if...else ay hindi lamang paraan upang ipahayag ang decision logic. Maaari ka ring gumamit ng tinatawag na ternary operator. Ang syntax nito ay ganito:

let variable = condition ? <return this if true> : <return this if false>

Narito ang isang mas malinaw na halimbawa:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Maglaan ng ilang minuto upang basahin ang code na ito nang ilang beses. Nauunawaan mo ba kung paano gumagana ang mga operator na ito?

Ang nasa itaas ay nagsasaad na:

• kung ang firstNumber ay mas mataas kaysa sa secondNumber
• kung gayon, i-assign ang firstNumber sa biggestNumber
• kung hindi, i-assign ang secondNumber.

Ang ternary expression ay isang mas compact na paraan ng pagsusulat ng code sa ibaba:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

---

🚀 Hamon

Gumawa ng isang programa na unang isinulat gamit ang logical operators, at pagkatapos ay isulat muli ito gamit ang isang ternary expression. Ano ang mas gusto mong syntax?

---

Post-Lecture Quiz

Post-lecture quiz

Review & Self Study

Magbasa pa tungkol sa maraming operator na magagamit ng user sa MDN.

Dumaan sa kahanga-hangang operator lookup ni Josh Comeau!

Assignment

Operators

---

Paunawa:
Ang dokumentong ito ay isinalin gamit ang AI translation service na Co-op Translator. Bagama't sinisikap naming maging tumpak, tandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na opisyal na pinagmulan. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na dulot ng paggamit ng pagsasaling ito.