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 JavaScript duomenų srauto valdymo sintaksė ir jos svarba naudojant su loginiais (Boolean) duomenų tipais.

🎥 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 loginių reikšmių (Boolean) priminimas

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

Nustatykite loginę reikšmę kaip true arba false taip:

let myTrueBool = true
let myFalseBool = false

✅ Loginės reikšmės pavadintos pagal anglų matematiką, filosofą ir logiką George'ą Boole'ą (1815–1864).

Palyginimo operatoriai ir loginės reikšmės

Operatoriai naudojami sąlygoms įvertinti, atliekant palyginimus, kurie sukuria loginę reikšmę. Žemiau pateikiamas dažnai 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	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	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	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	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ą loginę reikšmę, nei griežtos lygybės operatorius	5 !== 6 // true

✅ Patikrinkite savo žinias, rašydami palyginimus naršyklės konsolėje. Ar kokie nors grąžinti duomenys jus nustebino?

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ą, vykdydami jį naršyklės konsolėje. Pakeiskite currentMoney ir laptopPrice kintamųjų reikšmes, kad pakeistumėte grąžintą console.log().

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ą, vykdydami jį naršyklės konsolėje. Pakeiskite kintamojo a reikšmes, kad pakeistumėte grąžintą console.log().

Loginiai operatoriai ir loginės reikšmės

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

Simbolis	Aprašymas	Pavyzdys
&&	Loginis IR: Palygina dvi logines 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 logines 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ą loginės 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/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ą. Kuris sintaksės būdas jums labiau patinka?

---

Klausimai po paskaitos

Klausimai po paskaitos

Peržiūra ir savarankiškas mokymasis

Skaitykite daugiau apie daugybę vartotojui prieinamų operatorių MDN.

Peržiūrėkite nuostabų Josh Comeau 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 naudoti profesionalų žmogaus vertimą. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus aiškinimus, atsiradusius dėl šio vertimo naudojimo.