في لغة JavaScript، تُستخدم عبارات if/else للتحكم في تدفق البرنامج بناءً على تحقق شرط معين. تُمكنك هذه العبارات من تنفيذ جزء من الكود إذا كان الشرط صحيحًا (true)، وجزء آخر إذا كان الشرط خاطئًا (false).

1. عبارة if البسيطة:

تُستخدم لتنفيذ كتلة من الكود فقط إذا كان الشرط صحيحًا.

  • الصيغة:
JavaScript
if (condition) {
  // الكود الذي سيتم تنفيذه إذا كان الشرط صحيحًا
}
  • مثال:
JavaScript
let age = 20;

if (age >= 18) {
  console.log("أنت بالغ."); // سيتم طباعة هذه الرسالة
}

عبارة if/else:

تُستخدم لتنفيذ كتلة من الكود إذا كان الشرط صحيحًا، وكتلة أخرى إذا كان الشرط خاطئًا.

  • الصيغة:
JavaScript
if (condition) {
  // الكود الذي سيتم تنفيذه إذا كان الشرط صحيحًا
} else {
  // الكود الذي سيتم تنفيذه إذا كان الشرط خاطئًا
}
  • مثال:
JavaScript
let age = 15;

if (age >= 18) {
  console.log("أنت بالغ.");
} else {
  console.log("أنت قاصر."); // سيتم طباعة هذه الرسالة
}

3. عبارة if/else if/else:

تُستخدم للتحقق من عدة شروط. يتم التحقق من الشرط الأول، إذا كان صحيحًا يتم تنفيذ الكود الخاص به، وإذا كان خاطئًا يتم الانتقال إلى الشرط التالي في else if. إذا لم يتحقق أي من الشروط في if و else if، يتم تنفيذ الكود الموجود في else الأخيرة (الاختيارية).

  • الصيغة:
JavaScript
if (condition1) {
  // الكود الذي سيتم تنفيذه إذا كان الشرط الأول صحيحًا
} else if (condition2) {
  // الكود الذي سيتم تنفيذه إذا كان الشرط الثاني صحيحًا
} else if (condition3) {
    // الكود الذي سيتم تنفيذه إذا كان الشرط الثالث صحيحًا
}
... // المزيد من عبارات else if إذا لزم الأمر
else {
  // الكود الذي سيتم تنفيذه إذا كانت جميع الشروط السابقة خاطئة
}
  • مثال:
JavaScript
let score = 75;

if (score >= 90) {
  console.log("ممتاز");
} else if (score >= 80) {
  console.log("جيد جدًا");
} else if (score >= 70) {
  console.log("جيد"); // سيتم طباعة هذه الرسالة
} else {
  console.log("مقبول");
}

شرح إضافي:

  • الشروط (Conditions): تُستخدم الشروط لمقارنة القيم. تشمل عوامل المقارنة:
    • == (يساوي)
    • != (لا يساوي)
    • > (أكبر من)
    • < (أصغر من)
    • >= (أكبر من أو يساوي)
    • <= (أصغر من أو يساوي)
    • === (يساوي تمامًا، يتحقق من النوع والقيمة)
    • !== (لا يساوي تمامًا)
  • الكتل (Blocks): الكود الموجود داخل أقواس {} يُسمى كتلة. يتم تنفيذ الكتلة فقط إذا تحقق الشرط.
  • عبارات متداخلة (Nested if): يُمكن وضع عبارات if داخل عبارات if أخرى.
  • الاختصار (Ternary Operator): يُمكن استخدام عامل الشرط الثلاثي condition ? value_if_true : value_if_false كاختصار لعبارة if/else بسيطة.

مثال على العامل الثلاثي:

JavaScript
let isAdult = age >= 18 ? "بالغ" : "قاصر";
console.log(isAdult); // سيتم طباعة "قاصر" في حال كانت age تساوي 15

تُعتبر عبارات if/else من أهم الأدوات في لغة JavaScript للتحكم في سير البرنامج واتخاذ القرارات بناءً على الشروط المختلفة. استخدامها بشكل صحيح يُساعد على كتابة كود مرن وفعال.