اتخاذ القرارات باستخدام عبارة Switch في Javascript

Shreyas Patil2022-07-19 · 9 min read

اتخاذ القرارات باستخدام عبارة Switch في Javascript

مقدمة

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

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

في هذا الدرس التطبيقي، سنركز على عبارة switch في Javascript وتطبيقها لبناء هياكل تحكم معقدة. سنتعلم أيضًا كيفية استخدام عبارات break , case، و default داخل كتلة switch لتوجيه تدفق التحكم.

استخدام عبارة Switch

تعمل عبارة switch بمقارنة قيمة متغير بالتعبيرات المحتملة. بعد ذلك، تقوم بتنفيذ كتلة الكود المطابقة للنتيجة. لا تختلف صيغة عبارة switch عن عبارة if . باختصار، تُكتب صيغة عبارة switch على النحو التالي:

switch()
{ }

1 2	switch() { }

فيما يلي مثال على عبارة switch . وهي تحتوي على حالتين أو نتيجتين محتملتين إلى جانب خيار احتياطي محدد بواسطة الكلمة المفتاحية default . يتم تنفيذ هذا الخيار الاحتياطي عند انتهاء التنفيذ أو عند عدم العثور على حالة مطابقة:

switch (expression) {
    case x:   
        // يتم تنفيذ كتلة الكود هذه عندما يطابق التعبير الحالة x
        break;

    case y:
        // يتم تنفيذ كتلة الكود هذه عندما يطابق التعبير الحالة y
        break;

    default:
        // الكتلة الافتراضية
}

switch (expression) {

case x:

// يتم تنفيذ كتلة الكود هذه عندما يطابق التعبير الحالة x

break;

case y:

// يتم تنفيذ كتلة الكود هذه عندما يطابق التعبير الحالة y

break;

default:

// الكتلة الافتراضية

}

يتم تنفيذ الكود أعلاه على النحو التالي:

أولاً، يتم تقييم التعبير.
بعد ذلك، تتم مطابقة نتيجة التعبير مع case x. إذا تطابقت القيمة، يتم تنفيذ كتلة الكود الموجودة أسفل case x .
إذا لم يتطابق التعبير مع case x، فسيتم مطابقة case y . وإذا تم العثور على تطابق، فسيتم تنفيذ كود case y .
أخيرًا، إذا لم يتطابق أي من case x ولا case y، فسيتم تنفيذ كود default وينتقل التحكم إلى خارج كتلة switch .

مثال عملي

لفهم عبارة switch ، دعنا نلقي نظرة على مثال عملي. سنقوم باستخراج قيمة يوم الأسبوع للتاريخ الحالي، باستخدام طريقة getDay() الخاصة بكائن Date في Javascript. هذه القيمة عبارة عن رقم، ليوم الأحد وصولاً إلى 6 وهو ليوم السبت. سنقوم بتقييمها مقابل القيم لتحديد أي يوم من أيام الأسبوع هو:

const day = new Date().getDay();

1	const day = new Date().getDay();

بعد ذلك، سنرسل هذه القيمة إلى عبارة switch . ستعمل عبارة switch من الأعلى إلى الأسفل لمطابقتها مع الحالات لتحديد أي يوم من أيام الأسبوع هو. بمجرد العثور على الحالة، ستوقف تعليمة break كتلة switch عن الاستمرار في تقييم العبارات:

// تعيين اليوم الحالي من الأسبوع إلى متغير، حيث يمثل 0 يوم الأحد و6 يوم السبت
const day = new Date().getDay();

switch (day) {
case 0:
    console.log("إنه يوم الأحد");
    break;

case 1:
    console.log("إنه يوم الاثنين!");
    break;

case 2:
    console.log("إنه يوم الثلاثاء.");
    break;

case 3:
    console.log("الأربعاء بالفعل!");
    break;

case 4:
    console.log("إنه يوم الخميس");
    break;

case 5:
    console.log("جمعة سعيدة!");
    break;

case 6:
    console.log("إنه يوم السبت!");
    break;

default:
    console.log("لم تتطابق أي حالة")

}

// تعيين اليوم الحالي من الأسبوع إلى متغير، حيث يمثل 0 يوم الأحد و6 يوم السبت

const day = new Date().getDay();

switch (day) {

case 0:

console.log("إنه يوم الأحد");

break;

case 1:

console.log("إنه يوم الاثنين!");

break;

case 2:

console.log("إنه يوم الثلاثاء.");

break;

case 3:

console.log("الأربعاء بالفعل!");

break;

case 4:

console.log("إنه يوم الخميس");

break;

case 5:

console.log("جمعة سعيدة!");

break;

case 6:

console.log("إنه يوم السبت!");

break;

default:

console.log("لم تتطابق أي حالة")

}

بناءً على القيمة التي يتم إرجاعها من getDate()، سيتم اختبارها مقابل الحالات واحدة تلو الأخرى، بدءًا من الأعلى. ستختلف النتيجة اعتمادًا على اليوم الذي قمت فيه بتشغيل الكود. يتم وضع كتلة الكود الافتراضية (default) بحيث إذا لم تتطابق أي حالة، يمكننا التعامل مع هذا السيناريو. ومع ذلك، في هذا الكود، لن يتم استدعاء default أبدًا نظرًا لوجود عدد محدود فقط من أيام الأسبوع.

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

الاختبار مقابل النطاقات في Switch

حتى الآن، كنا ننظر في حالات استخدام بسيطة للغاية. ولكن قد تكون هناك أوقات نحتاج فيها إلى الاختبار مقابل نطاق من القيم بدلاً من قيمة واحدة. يمكننا القيام بذلك عن طريق تعيين التعبير الخاص بنا إلى true وإجراء عملية داخل كل عبارة case.

دعونا نوضح حالة الاستخدام هذه بمساعدة مثال. سنأخذ رقمًا ثم نحوله إلى درجة باستخدام التصنيف أدناه:

الدرجة 90 فما فوق هي A
الدرجة من 80 إلى 89 هي B
الدرجة من 70 إلى 79 هي C
الدرجة من 60 إلى 69 هي D
الدرجة 59 أو أقل هي F

سنكتب هذه العبارات كعبارات switch. أدناه هو الكود الخاص بذلك:

// درجة الطالب
const grade = 87;

switch (true) {

    // إذا كانت الدرجة 90 أو أكبر
    case grade >= 90:
    console.log("A");
    break;

    // إذا كانت الدرجة 80 أو أكبر
    case grade >= 80:
    console.log("B");
    break;

    // إذا كانت الدرجة 70 أو أكبر
    case grade >= 70:
    console.log("C");
    break;

    // إذا كانت الدرجة 60 أو أكبر
    case grade >= 60:
    console.log("D");
    break;

    // أي شيء 59 أو أقل يعتبر رسوبًا
    default:
    console.log("F");
}

// درجة الطالب

const grade = 87;

switch (true) {

// إذا كانت الدرجة 90 أو أكبر

case grade >= 90:

console.log("A");

break;

// إذا كانت الدرجة 80 أو أكبر

case grade >= 80:

console.log("B");

break;

// إذا كانت الدرجة 70 أو أكبر

case grade >= 70:

console.log("C");

break;

// إذا كانت الدرجة 60 أو أكبر

case grade >= 60:

console.log("D");

break;

// أي شيء 59 أو أقل يعتبر رسوبًا

default:

console.log("F");

}

على عكس أمثلة الكود البرمجي أعلاه، قمنا هنا بتعيين التعبير بين القوسين كـ true. وبالتالي، أي عبارة case تطابق القيمة true، سيتم تنفيذها. تمامًا مثل عبارة else if، سيتم تنفيذ العبارة الأولى التي تطابق القيمة المحددة. هنا سيكون الناتج B، على الرغم من حقيقة أن C و D تطابق التعبير أيضًا.

حالات متعددة

إذا كنت ترغب في الحصول على أكثر من حالة واحدة مع نفس كتلة الكود، فهذا ممكن أيضًا. هذا مشابه لشرط أو في عبارة if. في مثل هذه السيناريوهات، يمكننا تحديد أكثر من حالة واحدة لكل كتلة كود.

لتوضيح هذا المفهوم، سنقدم مثالاً مع أشهر السنة. سنصنف هذه الأشهر إلى فصول السنة. أولاً، سنستخدم طريقة Date() الجديدة للعثور على الرقم المقابل للشهر الحالي، وتطبيق ذلك على متغير month. ترجع طريقة Date().getMonth() رقمًا من 0 إلى 11، حيث يكون 0 هو يناير و 11 مرتبطًا بديسمبر.

سنقوم بالتصنيف باستخدام المواصفات أدناه:

الشتاء: يناير، وفبراير، ومارس
الربيع: أبريل، ومايو، ويونيو
الصيف: يوليو، وأغسطس، وسبتمبر
الخريف: أكتوبر، ونوفمبر، وديسمبر

إليك كيف سيبدو الكود البرمجي:

const month = new Date().getMonth();

switch (month) {

    // يناير، فبراير، مارس
    case 0:
    case 1:
    case 2:
        console.log("الشتاء");
        break;

    // أبريل، مايو، يونيو
    case 3:
    case 4:
    case 5:
        console.log("الربيع");
        break;
    
    // يوليو، أغسطس، سبتمبر
    case 6:
    case 7:
    case 8:
        console.log("الصيف");
        break;
    
    // أكتوبر، نوفمبر، ديسمبر
    case 9:
    case 10:
    case 11:
        console.log("الخريف");
        break;
    
    default:
        console.log("حدث خطأ ما.");
}

const month = new Date().getMonth();

switch (month) {

// يناير، فبراير، مارس

case 0:

case 1:

case 2:

console.log("الشتاء");

break;

// أبريل، مايو، يونيو

case 3:

case 4:

case 5:

console.log("الربيع");

break;

// يوليو، أغسطس، سبتمبر

case 6:

case 7:

case 8:

console.log("الصيف");

break;

// أكتوبر، نوفمبر، ديسمبر

case 9:

case 10:

case 11:

console.log("الخريف");

break;

default:

console.log("حدث خطأ ما.");

}

عند تنفيذ الكود أعلاه، وبناءً على الشهر، سيتم عرض اسم الفصل على وحدة التحكم (console).

الخاتمة

في هذا الدرس التعليمي، أوضحنا كيفية استخدام عبارة switch في تطبيقات Javascript. كما قمنا بتطبيق عبارة switch على نطاق وحالات متعددة إلى جانب الكلمة المفتاحية default. إذا كنت ترغب في معرفة المزيد عن Javascript، يمكنك الاطلاع على الدروس التعليمية التالية:

حوسبة سعيدة!

Shreyas Patil

المؤلف · CloudSigma

Preslav Dobrev هو مصمم إبداعي في CloudSigma، يركز على هوية أعمال متسقة باستخدام قنوات التسويق التقليدية والمبتكرة. هو بارع في دمج الرؤية الفنية مع التسويق الاستراتيجي لخلق سرد قصصي مؤثر للعلامة التجارية.

اتخاذ القرارات باستخدام عبارة Switch في Javascript

مقدمة

استخدام عبارة Switch

مثال عملي

الاختبار مقابل النطاقات في Switch

حالات متعددة

الخاتمة

Shreyas Patil

التعليقات