|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "888609c48329c280ca2477d2df40f2e5",
|
|
|
"translation_date": "2025-08-28T11:41:04+00:00",
|
|
|
"source_file": "2-js-basics/3-making-decisions/README.md",
|
|
|
"language_code": "lt"
|
|
|
}
|
|
|
-->
|
|
|
# JavaScript pagrindai: Sprendimų priėmimas
|
|
|
|
|
|
|
|
|
|
|
|
> Sketchnote sukūrė [Tomomi Imura](https://twitter.com/girlie_mac)
|
|
|
|
|
|
## Klausimai prieš paskaitą
|
|
|
|
|
|
[Klausimai prieš paskaitą](https://ff-quizzes.netlify.app/web/quiz/11)
|
|
|
|
|
|
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.
|
|
|
|
|
|
[](https://youtube.com/watch?v=SxTp8j-fMMY "Sprendimų priėmimas")
|
|
|
|
|
|
> 🎥 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](https://docs.microsoft.com/learn/modules/web-development-101-if-else/?WT.mc_id=academic-77807-sagibbon)!
|
|
|
|
|
|
## 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.
|
|
|
|
|
|
```javascript
|
|
|
if (condition) {
|
|
|
//Condition is true. Code in this block will run.
|
|
|
}
|
|
|
```
|
|
|
|
|
|
Loginiai operatoriai dažnai naudojami sąlygai sudaryti.
|
|
|
|
|
|
```javascript
|
|
|
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į.
|
|
|
|
|
|
```javascript
|
|
|
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ų.
|
|
|
|
|
|
```javascript
|
|
|
switch (expression) {
|
|
|
case x:
|
|
|
// code block
|
|
|
break;
|
|
|
case y:
|
|
|
// code block
|
|
|
break;
|
|
|
default:
|
|
|
// code block
|
|
|
}
|
|
|
```
|
|
|
|
|
|
```javascript
|
|
|
// 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.
|
|
|
|
|
|
```javascript
|
|
|
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:
|
|
|
|
|
|
```javascript
|
|
|
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:
|
|
|
|
|
|
```javascript
|
|
|
let variable = condition ? <return this if true> : <return this if false>
|
|
|
```
|
|
|
|
|
|
Žemiau pateiktas konkretesnis pavyzdys:
|
|
|
|
|
|
```javascript
|
|
|
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ą:
|
|
|
|
|
|
```javascript
|
|
|
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](https://ff-quizzes.netlify.app/web/quiz/12)
|
|
|
|
|
|
## Apžvalga ir savarankiškas mokymasis
|
|
|
|
|
|
Plačiau apie daugybę vartotojui prieinamų operatorių skaitykite [MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).
|
|
|
|
|
|
Peržiūrėkite Josh Comeau nuostabų [operatorių vadovą](https://joshwcomeau.com/operator-lookup/)!
|
|
|
|
|
|
## Užduotis
|
|
|
|
|
|
[Operatoriai](assignment.md)
|
|
|
|
|
|
---
|
|
|
|
|
|
**Atsakomybės apribojimas**:
|
|
|
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/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ą. |
