11 KiB

Raw Permalink Blame History Unescape Escape

יסודות JavaScript: קבלת החלטות

איור מאת Tomomi Imura

חידון לפני ההרצאה

קבלת החלטות ושליטה בסדר שבו הקוד שלך רץ הופכים את הקוד שלך לשימושי ועמיד יותר. חלק זה מכסה את התחביר לשליטה בזרימת הנתונים ב-JavaScript ואת החשיבות שלו בשימוש עם סוגי נתונים בוליאניים.

🎥 לחץ על התמונה למעלה לצפייה בסרטון על קבלת החלטות.

ניתן ללמוד שיעור זה גם ב-Microsoft Learn!

סקירה קצרה על בוליאנים

בוליאנים יכולים לקבל רק שני ערכים: true או false. בוליאנים עוזרים להחליט אילו שורות קוד ירוצו כאשר תנאים מסוימים מתקיימים.

ניתן להגדיר בוליאן כ-true או false כך:

let myTrueBool = true
let myFalseBool = false

✅ בוליאנים נקראים על שמו של המתמטיקאי, הפילוסוף והלוגיקן האנגלי ג'ורג' בול (1815–1864).

אופרטורים להשוואה ובוליאנים

אופרטורים משמשים להערכת תנאים על ידי ביצוע השוואות שיוצרות ערך בוליאני. להלן רשימה של אופרטורים נפוצים.

סימן	תיאור	דוגמה
`<`	קטן מ-: משווה בין שני ערכים ומחזיר את הערך הבוליאני `true` אם הערך בצד שמאל קטן מהערך בצד ימין	`5 < 6 // true`
`<=`	קטן או שווה ל-: משווה בין שני ערכים ומחזיר את הערך הבוליאני `true` אם הערך בצד שמאל קטן או שווה לערך בצד ימין	`5 <= 6 // true`
`>`	גדול מ-: משווה בין שני ערכים ומחזיר את הערך הבוליאני `true` אם הערך בצד שמאל גדול מהערך בצד ימין	`5 > 6 // false`
`>=`	גדול או שווה ל-: משווה בין שני ערכים ומחזיר את הערך הבוליאני `true` אם הערך בצד שמאל גדול או שווה לערך בצד ימין	`5 >= 6 // false`
`===`	שוויון מוחלט: משווה בין שני ערכים ומחזיר את הערך הבוליאני `true` אם הערכים בצד ימין ובצד שמאל שווים וגם מאותו סוג נתונים	`5 === 6 // false`
`!==`	אי-שוויון: משווה בין שני ערכים ומחזיר את הערך הבוליאני ההפוך למה שאופרטור השוויון המוחלט היה מחזיר	`5 !== 6 // true`

✅ בדוק את הידע שלך על ידי כתיבת השוואות בקונסול של הדפדפן שלך. האם יש נתונים שהחזירו תוצאה שהפתיעה אותך?

משפט If

משפט if יריץ את הקוד שבתוך הבלוקים שלו אם התנאי מתקיים.

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

אופרטורים לוגיים משמשים לעיתים קרובות ליצירת התנאי.

let currentMoney;
let laptopPrice;

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

משפט If..Else

משפט else יריץ את הקוד שבתוך הבלוקים שלו כאשר התנאי אינו מתקיים. הוא אופציונלי עם משפט if.

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

✅ בדוק את הבנתך על הקוד הזה ועל הקוד הבא על ידי הרצתם בקונסול של הדפדפן. שנה את הערכים של המשתנים currentMoney ו-laptopPrice כדי לשנות את הפלט של console.log().

משפט Switch

משפט switch משמש לביצוע פעולות שונות בהתבסס על תנאים שונים. השתמש ב-switch כדי לבחור אחד מתוך מספר בלוקים של קוד לביצוע.

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

✅ בדוק את הבנתך על הקוד הזה ועל הקוד הבא על ידי הרצתם בקונסול של הדפדפן. שנה את הערכים של המשתנה a כדי לשנות את הפלט של console.log().

אופרטורים לוגיים ובוליאנים

החלטות עשויות לדרוש יותר מהשוואה אחת, וניתן לשלב אותן יחד עם אופרטורים לוגיים כדי להפיק ערך בוליאני.

סימן	תיאור	דוגמה
`&&`	וגם לוגי: משווה בין שני ביטויים בוליאניים. מחזיר true רק אם שני הצדדים הם true	`(5 > 6) && (5 < 6 ) // צד אחד false, צד שני true. מחזיר false`
`\|\|`	או לוגי: משווה בין שני ביטויים בוליאניים. מחזיר true אם לפחות צד אחד הוא true	`(5 > 6) \|\| (5 < 6) // צד אחד false, צד שני true. מחזיר true`
`!`	לא לוגי: מחזיר את הערך ההפוך של ביטוי בוליאני	`!(5 > 6) // 5 אינו גדול מ-6, אבל "!" יחזיר true`

תנאים והחלטות עם אופרטורים לוגיים

ניתן להשתמש באופרטורים לוגיים ליצירת תנאים במשפטי if..else.

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

אופרטור שלילה

ראית עד כה כיצד ניתן להשתמש במשפט if...else ליצירת לוגיקה מותנית. כל מה שנכנס ל-if צריך להעריך ל-true/false. על ידי שימוש באופרטור ! ניתן להפוך את הביטוי. זה ייראה כך:

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

ביטויים טרנריים

if...else אינו הדרך היחידה לבטא לוגיקת החלטות. ניתן גם להשתמש במה שנקרא אופרטור טרנרי. התחביר שלו נראה כך:

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

להלן דוגמה מוחשית יותר:

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

✅ קח דקה לקרוא את הקוד הזה כמה פעמים. האם אתה מבין כיצד האופרטורים עובדים?

הקוד למעלה אומר:

אם firstNumber גדול מ-secondNumber
אז יש להקצות את firstNumber ל-biggestNumber
אחרת יש להקצות את secondNumber.

הביטוי הטרנרי הוא פשוט דרך מקוצרת לכתיבת הקוד הבא:

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

🚀 אתגר

צור תוכנית שנכתבת תחילה עם אופרטורים לוגיים, ולאחר מכן כתוב אותה מחדש באמצעות ביטוי טרנרי. מה התחביר המועדף עליך?

חידון לאחר ההרצאה

סקירה ולימוד עצמי

קרא עוד על האופרטורים הרבים הזמינים למשתמש ב-MDN.

עבור על הכלי הנהדר של ג'וש קומו operator lookup!

משימה

אופרטורים

כתב ויתור:
מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית Co-op Translator. למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי על ידי אדם. איננו נושאים באחריות לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.

11 KiB Raw Permalink Blame History Unescape Escape