9.8 KiB

Raw Permalink Blame History Unescape Escape

JavaScript Alapok: Döntéshozatal

Sketchnote készítette: Tomomi Imura

Előadás előtti kvíz

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.

🎥 Kattints a fenti képre egy videóért a döntéshozatalról.

Ezt a leckét elérheted a Microsoft Learn 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.

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

Logikai operátorokat gyakran használnak a feltétel kialakításához.

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.

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.

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

✅ 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.

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:

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:

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

Az alábbiakban egy kézzelfoghatóbb példa:

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:

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

Á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.

Nézd át Josh Comeau csodálatos operátor keresőjét!

Feladat

Operátorok

Felelősségkizárás:
Ez a dokumentum az 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.

9.8 KiB Raw Permalink Blame History Unescape Escape