Web-Dev-For-Beginners/translations/lt/2-js-basics/3-making-decisions

JavaScript pagrindai: Sprendimų priėmimas

Sketchnote sukūrė Tomomi Imura

Klausimai prieš paskaitą

Klausimai prieš paskaitą

Sprendimų priėmimas ir kodo vykdymo eigos valdymas padaro jūsų kodą pakartotinai naudojamą ir patikimą. Šiame skyriuje aptariama, kaip valdyti duomenų srautą JavaScript'e ir kodėl tai svarbu, ypač naudojant Boolean duomenų tipus.

🎥 Spustelėkite aukščiau esančią nuotrauką, kad peržiūrėtumėte vaizdo įrašą apie sprendimų priėmimą.

Šią pamoką galite rasti Microsoft Learn!

Trumpas Booleans apžvalga

Boolean reikšmės gali būti tik dvi: true arba false. Boolean padeda nuspręsti, kurios kodo eilutės turėtų būti vykdomos, kai tenkinamos tam tikros sąlygos.

Boolean reikšmę galite nustatyti taip:

let myTrueBool = true
let myFalseBool = false

✅ Boolean pavadinimas kilo nuo anglų matematiko, filosofo ir logiko George Boole (1815–1864).

Palyginimo operatoriai ir Boolean

Operatoriai naudojami sąlygoms įvertinti, atliekant palyginimus, kurie sukuria Boolean reikšmę. Žemiau pateikiamas dažniausiai naudojamų operatorių sąrašas.

Simbolis	Aprašymas	Pavyzdys
<	Mažiau nei: Palygina dvi reikšmes ir grąžina true, jei kairėje pusėje esanti reikšmė yra mažesnė už dešinėje esančią	5 < 6 // true
<=	Mažiau arba lygu: Palygina dvi reikšmes ir grąžina true, jei kairėje pusėje esanti reikšmė yra mažesnė arba lygi dešinėje esančiai	5 <= 6 // true
>	Daugiau nei: Palygina dvi reikšmes ir grąžina true, jei kairėje pusėje esanti reikšmė yra didesnė už dešinėje esančią	5 > 6 // false
>=	Daugiau arba lygu: Palygina dvi reikšmes ir grąžina true, jei kairėje pusėje esanti reikšmė yra didesnė arba lygi dešinėje esančiai	5 >= 6 // false
===	Griežta lygybė: Palygina dvi reikšmes ir grąžina true, jei reikšmės kairėje ir dešinėje yra lygios IR yra to paties duomenų tipo	5 === 6 // false
!==	Nelygybė: Palygina dvi reikšmes ir grąžina priešingą Boolean reikšmę, nei griežtos lygybės operatorius	5 !== 6 // true

✅ Patikrinkite savo žinias, parašydami keletą palyginimų naršyklės konsolėje. Ar jus nustebino kokie nors gauti duomenys?

If sakinys

if sakinys vykdys kodą tarp savo blokų, jei sąlyga yra teisinga.

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

Loginiai operatoriai dažnai naudojami sąlygai sudaryti.

let currentMoney;
let laptopPrice;

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

If..Else sakinys

else sakinys vykdys kodą tarp savo blokų, kai sąlyga yra klaidinga. Jis yra neprivalomas naudojant if sakinį.

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!");
}

✅ Patikrinkite savo supratimą apie šį kodą ir žemiau pateiktą kodą, paleisdami jį naršyklės konsolėje. Pakeiskite currentMoney ir laptopPrice kintamųjų reikšmes, kad pakeistumėte console.log() rezultatą.

Switch sakinys

switch sakinys naudojamas skirtingiems veiksmams atlikti, atsižvelgiant į skirtingas sąlygas. Naudokite switch sakinį, kad pasirinktumėte vieną iš daugelio vykdytinų kodo blokų.

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}`);

✅ Patikrinkite savo supratimą apie šį kodą ir žemiau pateiktą kodą, paleisdami jį naršyklės konsolėje. Pakeiskite kintamojo a reikšmes, kad pakeistumėte console.log() rezultatą.

Loginiai operatoriai ir Boolean

Sprendimams gali prireikti daugiau nei vieno palyginimo, ir jie gali būti sujungti naudojant loginius operatorius, kad būtų gauta Boolean reikšmė.

Simbolis	Aprašymas	Pavyzdys
&&	Loginis IR: Palygina dvi Boolean išraiškas. Grąžina true tik tada, jei abi pusės yra teisingos	(5 > 6) && (5 < 6 ) // Viena pusė klaidinga, kita teisinga. Grąžina false
||	Loginis ARBA: Palygina dvi Boolean išraiškas. Grąžina true, jei bent viena pusė yra teisinga	(5 > 6) || (5 < 6) // Viena pusė klaidinga, kita teisinga. Grąžina true
!	Loginis NE: Grąžina priešingą Boolean išraiškos reikšmę	!(5 > 6) // 5 nėra didesnis už 6, bet "!" grąžins true

Sąlygos ir sprendimai su loginiais operatoriais

Loginiai operatoriai gali būti naudojami sąlygoms sudaryti if..else sakiniuose.

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!");
}

Neigimo operatorius

Jūs jau matėte, kaip galima naudoti if...else sakinį sąlyginei logikai kurti. Viskas, kas patenka į if, turi būti įvertinta kaip true arba false. Naudodami ! operatorių galite neigti išraišką. Tai atrodytų taip:

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

Ternarinės išraiškos

if...else nėra vienintelis būdas išreikšti sprendimų logiką. Taip pat galite naudoti vadinamąjį ternarinį operatorių. Jo sintaksė atrodo taip:

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

Žemiau pateiktas konkretesnis pavyzdys:

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

✅ Skirkite minutę šiam kodui perskaityti kelis kartus. Ar suprantate, kaip veikia šie operatoriai?

Aukščiau pateiktas kodas sako:

• jei firstNumber yra didesnis už secondNumber
• tada priskirkite firstNumber kintamajam biggestNumber
• kitu atveju priskirkite secondNumber.

Ternarinė išraiška yra tiesiog kompaktiškas būdas parašyti žemiau pateiktą kodą:

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

---

🚀 Iššūkis

Sukurkite programą, kuri pirmiausia būtų parašyta naudojant loginius operatorius, o tada perrašykite ją naudodami ternarinę išraišką. Kuri sintaksė jums labiau patinka?

---

Klausimai po paskaitos

Klausimai po paskaitos

Apžvalga ir savarankiškas mokymasis

Plačiau apie daugybę vartotojui prieinamų operatorių skaitykite MDN.

Peržiūrėkite Josh Comeau nuostabų operatorių vadovą!

Užduotis

Operatoriai

---

Atsakomybės apribojimas:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritinei informacijai rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.