# JavaScript Alapok: Döntéshozatal  > Sketchnote készítette: [Tomomi Imura](https://twitter.com/girlie_mac) ## Előadás előtti kvíz [Előadás előtti kvíz](https://ff-quizzes.netlify.app/web/quiz/11) A döntéshozatal és a kód futási sorrendjének irányítása újrafelhasználhatóvá és robusztussá teszi a kódot. Ez a rész bemutatja a JavaScript adatfolyamának irányításához szükséges szintaxist, valamint annak jelentőségét, különösen a Boolean adattípusokkal való használat során. [](https://youtube.com/watch?v=SxTp8j-fMMY "Döntéshozatal") > 🎥 Kattints a fenti képre egy videóért a döntéshozatalról. > Ezt a leckét elérheted a [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-if-else/?WT.mc_id=academic-77807-sagibbon) oldalán! ## Rövid áttekintés a Booleans-ról A Booleans csak két értéket vehet fel: `true` vagy `false`. A Booleans segít eldönteni, hogy mely kódsorok fussanak, amikor bizonyos feltételek teljesülnek. Állítsd be a Boolean értékét `true` vagy `false`-ra így: `let myTrueBool = true` `let myFalseBool = false` ✅ A Booleans az angol matematikusról, filozófusról és logikusról, George Boole-ról (1815–1864) kapta a nevét. ## Összehasonlító operátorok és Booleans Az operátorok feltételek értékelésére szolgálnak, összehasonlításokat végezve, amelyek Boolean értéket hoznak létre. Az alábbiakban néhány gyakran használt operátor található. | Szimbólum | Leírás | Példa | | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | `<` | **Kisebb mint**: Összehasonlít két értéket, és `true` Boolean adattípust ad vissza, ha a bal oldali érték kisebb, mint a jobb oldali | `5 < 6 // true` | | `<=` | **Kisebb vagy egyenlő**: Összehasonlít két értéket, és `true` Boolean adattípust ad vissza, ha a bal oldali érték kisebb vagy egyenlő, mint a jobb oldali | `5 <= 6 // true` | | `>` | **Nagyobb mint**: Összehasonlít két értéket, és `true` Boolean adattípust ad vissza, ha a bal oldali érték nagyobb, mint a jobb oldali | `5 > 6 // false` | | `>=` | **Nagyobb vagy egyenlő**: Összehasonlít két értéket, és `true` Boolean adattípust ad vissza, ha a bal oldali érték nagyobb vagy egyenlő, mint a jobb oldali | `5 >= 6 // false` | | `===` | **Szigorú egyenlőség**: Összehasonlít két értéket, és `true` Boolean adattípust ad vissza, ha a jobb és bal oldali értékek egyenlők ÉS azonos adattípusúak | `5 === 6 // false` | | `!==` | **Egyenlőtlenség**: Összehasonlít két értéket, és az ellenkező Boolean értéket adja vissza, mint amit a szigorú egyenlőség operátor adna | `5 !== 6 // true` | ✅ Ellenőrizd a tudásodat néhány összehasonlítás írásával a böngésződ konzoljában. Meglepett valamelyik visszaadott adat? ## If utasítás Az if utasítás a feltétel teljesülése esetén futtatja a kódot a blokkjai között. ```javascript if (condition) { //Condition is true. Code in this block will run. } ``` Logikai operátorokat gyakran használnak a feltétel kialakításához. ```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 utasítás Az `else` utasítás a blokkjai közötti kódot futtatja, ha a feltétel hamis. Az `if` utasítással opcionális. ```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!"); } ``` ✅ Teszteld a kód megértését úgy, hogy futtatod a böngésző konzoljában. Módosítsd a currentMoney és laptopPrice változók értékeit, hogy megváltoztasd a `console.log()` visszaadott értékét. ## Switch utasítás A `switch` utasítás különböző feltételek alapján különböző műveletek végrehajtására szolgál. Használd a `switch` utasítást, hogy kiválaszd, melyik kódblokkot kell végrehajtani. ```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}`); ``` ✅ Teszteld a kód megértését úgy, hogy futtatod a böngésző konzoljában. Módosítsd az `a` változó értékét, hogy megváltoztasd a `console.log()` visszaadott értékét. ## Logikai operátorok és Booleans A döntésekhez több összehasonlításra is szükség lehet, amelyeket logikai operátorokkal lehet összekapcsolni, hogy Boolean értéket kapjunk. | Szimbólum | Leírás | Példa | | --------- | ------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- | | `&&` | **Logikai ÉS**: Összehasonlít két Boolean kifejezést. Csak akkor ad vissza true értéket, ha mindkét oldal true | `(5 > 6) && (5 < 6 ) //Az egyik oldal hamis, a másik igaz. Visszaad false-t` | | `\|\|` | **Logikai VAGY**: Összehasonlít két Boolean kifejezést. Akkor ad vissza true értéket, ha legalább az egyik oldal true | `(5 > 6) \|\| (5 < 6) //Az egyik oldal hamis, a másik igaz. Visszaad true-t` | | `!` | **Logikai NEM**: A Boolean kifejezés ellentétes értékét adja vissza | `!(5 > 6) // 5 nem nagyobb, mint 6, de a "!" visszaad true-t` | ## Feltételek és döntések logikai operátorokkal Logikai operátorok használhatók feltételek kialakítására if..else utasításokban. ```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!"); } ``` ### Negációs operátor Eddig láthattad, hogyan használhatod az `if...else` utasítást feltételes logika létrehozására. Bármi, ami az `if`-be kerül, true/false értékre kell, hogy kiértékelődjön. A `!` operátor használatával _tagadhatod_ a kifejezést. Így néz ki: ```javascript if (!condition) { // runs if condition is false } else { // runs if condition is true } ``` ### Ternáris kifejezések Az `if...else` nem az egyetlen módja a döntési logika kifejezésének. Használhatsz úgynevezett ternáris operátort is. Ennek szintaxisa így néz ki: ```javascript let variable = condition ? : ``` Az alábbiakban egy kézzelfoghatóbb példa: ```javascript let firstNumber = 20; let secondNumber = 10; let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber; ``` ✅ Szánj egy percet arra, hogy többször elolvasd ezt a kódot. Érted, hogyan működnek ezek az operátorok? A fentiek azt mondják: - ha `firstNumber` nagyobb, mint `secondNumber` - akkor rendeld hozzá a `firstNumber`-t a `biggestNumber`-hez - különben rendeld hozzá a `secondNumber`-t. A ternáris kifejezés csak egy tömör módja az alábbi kód megírásának: ```javascript let biggestNumber; if (firstNumber > secondNumber) { biggestNumber = firstNumber; } else { biggestNumber = secondNumber; } ``` --- ## 🚀 Kihívás Hozz létre egy programot, amelyet először logikai operátorokkal írsz meg, majd írd át ternáris kifejezéssel. Melyik szintaxist részesíted előnyben? --- ## Előadás utáni kvíz [Előadás utáni kvíz](https://ff-quizzes.netlify.app/web/quiz/12) ## Áttekintés és önálló tanulás Olvass többet a felhasználó számára elérhető számos operátorról [az MDN-en](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators). Nézd át Josh Comeau csodálatos [operátor keresőjét](https://joshwcomeau.com/operator-lookup/)! ## Feladat [Operátorok](assignment.md) --- **Felelősségkizárás**: Ez a dokumentum az [Co-op Translator](https://github.com/Azure/co-op-translator) AI fordítási szolgáltatás segítségével készült. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az eredeti nyelvén tekintendő hiteles forrásnak. Kritikus információk esetén javasolt professzionális, emberi fordítást igénybe venni. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy téves értelmezésekért.