جمل التحكم (if, else, switch) في JavaScript

في هذا الدرس، سنتعلم كيفية استخدام جمل التحكم في JavaScript، مثل if, else, else if، وكيفية اتخاذ قرارات بناءً على الشروط. بالإضافة إلى ذلك، سنتعرف على كيفية استخدام جملة switch للتعامل مع أكثر من حالة، وأيضًا على الـ ternary operator الذي يتيح لك اختصار جمل if بشكل أكثر بساطة.

---

1. جملة if و else if و else

1.1 جملة if

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

مثال:

let age = 20;

if (age >= 18) {
    console.log("أنت بالغ");
}
// ستطبع "أنت بالغ" لأن الشرط صحيح

1.2 جملة else if

إذا كنت تريد التحقق من أكثر من شرط واحد، يمكنك استخدام else if بعد جملة if.

مثال:

let age = 20;

if (age >= 18) {
    console.log("أنت بالغ");
} else if (age >= 13) {
    console.log("أنت مراهق");
} else {
    console.log("أنت طفل");
}
// ستطبع "أنت بالغ" لأن الشرط الأول تحقق

1.3 جملة else

جملة else تُستخدم لتنفيذ كود إذا لم يتحقق أي من الشروط في جملة if أو else if.

مثال:

let age = 10;

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

---

2. جملة switch

جملة switch تُستخدم للتعامل مع أكثر من حالة بناءً على قيمة معينة. تُعتبر switch خيارًا أفضل من استخدام العديد من جمل if-else عند مقارنة قيم متعددة.

2.1 تركيب جملة switch

تعمل switch على مقارنة قيمة معينة مع مجموعة من القيم المحتملة باستخدام case، وفي حال تطابق القيمة، يتم تنفيذ الكود المرتبط بها.

مثال:

let day = 3;

switch (day) {
    case 1:
        console.log("يوم الأحد");
        break;
    case 2:
        console.log("يوم الاثنين");
        break;
    case 3:
        console.log("يوم الثلاثاء");
        break;
    case 4:
        console.log("يوم الأربعاء");
        break;
    default:
        console.log("يوم غير معروف");
}
// ستطبع "يوم الثلاثاء" لأن المتغير day يحتوي على القيمة 3

2.2 استخدام default

إذا لم يتطابق أي من القيم في case مع القيمة المحددة، يتم تنفيذ الكود الموجود في default.

مثال:

let day = 7;

switch (day) {
    case 1:
        console.log("يوم الأحد");
        break;
    case 2:
        console.log("يوم الاثنين");
        break;
    case 3:
        console.log("يوم الثلاثاء");
        break;
    default:
        console.log("يوم غير معروف");
}
// ستطبع "يوم غير معروف" لأن القيمة 7 لا توجد في أي من الـ `case`

2.3 أهمية break

break تُستخدم لإنهاء التحقق بعد تنفيذ الكود في حالة معينة. إذا لم تستخدم break، فإن جملة switch ستستمر في فحص الحالات التالية حتى تجد break أو تنتهي.

مثال:

let day = 3;

switch (day) {
    case 1:
        console.log("يوم الأحد");
    case 2:
        console.log("يوم الاثنين");
    case 3:
        console.log("يوم الثلاثاء");
    default:
        console.log("يوم غير معروف");
}
// ستطبع:
// "يوم الثلاثاء"
// "يوم غير معروف" لأننا لم نستخدم break في الـ `case` الأول والثاني

---

3. الـ Ternary Operator (المشغل الثلاثي)

الـ ternary operator هو طريقة مختصرة لجملة if البسيطة. يسمح لك بكتابة جملة if-else في سطر واحد.

3.1 تركيب الـ Ternary Operator

يتبع ternary operator الصيغة التالية:

condition ? expr1 : expr2;

• condition: الشرط الذي سيتم التحقق منه.
• expr1: التعبير الذي يتم تنفيذه إذا كان الشرط صحيحًا.
• expr2: التعبير الذي يتم تنفيذه إذا كان الشرط غير صحيح.

مثال:

let age = 20;

let message = (age >= 18) ? "أنت بالغ" : "أنت قاصر";
console.log(message); // ستطبع "أنت بالغ"

مثال آخر:

let num = 10;
let result = (num % 2 === 0) ? "عدد زوجي" : "عدد فردي";
console.log(result); // ستطبع "عدد زوجي"

---

الختام

في هذا الدرس، تعلمنا كيفية استخدام جمل التحكم في JavaScript:

• if و else و else if لاتخاذ القرارات بناءً على شروط معينة.
• جملة switch للتعامل مع أكثر من حالة.
• الـ Ternary Operator لاختصار جمل if البسيطة في سطر واحد.

من خلال هذه الأدوات، يمكنك التحكم بتدفق البرنامج وتنفيذ الأكواد بناءً على الشروط المختلفة.