Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

جملة Switch

جزء من قسم Fundamentals في رحلة JavaScript على Coddy — الدرس 27 من 77.

تُعد جملة switch طريقة أخرى للتحكم في تدفق برنامجك بناءً على شروط مختلفة. وهي تشبه استخدام if-else if-else، ولكنها قد تكون أكثر إيجازاً وسهولة في القراءة في حالات معينة.

إليك كيفية عمل تعبير switch:

switch (expression) {
    case value1:
        // الكود الذي سيتم تنفيذه إذا تطابق التعبير مع value1
        break;
    case value2:
        // الكود الذي سيتم تنفيذه إذا تطابق التعبير مع value2
        break;
    // ... حالات إضافية ...
    default:
        // الكود الذي سيتم تنفيذه في حال عدم تطابق أي حالة
}
  • يتم تقييم الـ expression مرة واحدة.
  • تتم مقارنة قيمة التعبير مع قيم كل case.
  • إذا كان هناك تطابق، يتم تنفيذ كتلة الكود المرتبطة بها.
  • تُستخدم جملة break للخروج من جملة switch. بدونها، سيستمر التنفيذ إلى الحالة التالية.
  • تعتبر حالة default اختيارية. ويتم تنفيذها إذا لم تتطابق أي حالة أخرى.

إليك مثال:

let day = 3;
let dayName;

switch (day) {
    case 1:
        dayName = "Sunday";
        break;
    case 2:
        dayName = "Monday";
        break;
    case 3:
        dayName = "Tuesday";
        break;
    // ... حالات للأيام الأخرى ...
    default:
        dayName = "Invalid day";
}

console.log(dayName); // المخرج: Tuesday

في هذا المثال، تتحقق جملة switch من قيمة day. وبما أن day تساوي 3، يتم تنفيذ الحالة (case) الخاصة بـ 3، مما يضبط dayName على "Tuesday".

challenge icon

التحدي

مبتدئ

ستتلقى أمراً من المستخدم.
استخدم switch statement لتعيين قيمة المتغير message بناءً على الأمر.

قم بتعيين message إلى:

  • "System starting" ← إذا كان الأمر هو "start"
  • "System stopping" ← إذا كان الأمر هو "stop"
  • "System paused" ← إذا كان الأمر هو "pause"
  • "System resuming" ← إذا كان الأمر هو "resume"

إذا لم يتطابق الأمر مع أي خيار معروف، فقم بتعيين:

  • "Unknown command"

في النهاية، سيقوم البرنامج بطباعة قيمة message.
مهمتك هي تعيين قيمة <strong>message</strong> بشكل صحيح باستخدام switch statement.

ورقة مرجعية

يتحكم بيان switch في تدفق البرنامج بناءً على شروط مختلفة، بشكل مشابه لـ if-else if-else ولكنه أكثر إيجازاً في حالات معينة.

الصيغة الأساسية:

switch (expression) {
    case value1:
        // الكود الذي سيتم تنفيذه إذا تطابق التعبير مع value1
        break;
    case value2:
        // الكود الذي سيتم تنفيذه إذا تطابق التعبير مع value2
        break;
    default:
        // الكود الذي سيتم تنفيذه في حال عدم تطابق أي حالة
}
  • يتم تقييم الـ expression مرة واحدة ومقارنته مع كل قيمة case
  • ينهي بيان break الـ switch؛ وبدونه، يستمر التنفيذ إلى الحالة التالية
  • حالة default اختيارية ويتم تنفيذها إذا لم تتطابق أي حالة أخرى

مثال:

let day = 3;
let dayName;

switch (day) {
    case 1:
        dayName = "Sunday";
        break;
    case 2:
        dayName = "Monday";
        break;
    case 3:
        dayName = "Tuesday";
        break;
    default:
        dayName = "Invalid day";
}

console.log(dayName); // المخرجات: Tuesday

جرّب بنفسك

// الحصول على الأمر من المستخدم
let command = inp;

// إنشاء متغير لتخزين الرسالة
let message;

switch (command) {
    // اكتب كودك هنا
}

// طباعة الرسالة
console.log(message);
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Fundamentals