العبارات الشرطية في JavaScript: أنواعها وأمثلة

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

1. العبارة الشرطية if

عبارة if هي أبسط أشكال العبارات الشرطية. تُستخدم لفحص شرط معين، وإذا كان هذا الشرط صحيحًا، يتم تنفيذ الكود المحدد داخل كتلة {}.

الصيغة العامة:

if (condition) {
    // الكود الذي سيتم تنفيذه إذا تحقق الشرط
}

مثال:

let age = 18;
if (age >= 18) {
    console.log("أنت بالغ.");
}

في هذا المثال، إذا كانت قيمة المتغير age أكبر أو تساوي 18، سيتم طباعة “أنت بالغ”.

2. العبارة الشرطية if...else

في حالة عدم تحقق الشرط في عبارة if، يمكننا استخدام عبارة else لتحديد جزء آخر من الكود ليتم تنفيذه.

الصيغة العامة:

if (condition) {
    // الكود الذي سيتم تنفيذه إذا تحقق الشرط
} else {
    // الكود الذي سيتم تنفيذه إذا لم يتحقق الشرط
}

مثال:

let age = 16;
if (age >= 18) {
    console.log("أنت بالغ.");
} else {
    console.log("أنت غير بالغ.");
}

هنا، إذا كانت قيمة age أقل من 18، سيتم تنفيذ الجزء الخاص بـ else، وسيتم طباعة “أنت غير بالغ”.

3. العبارة الشرطية if...else if...else

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

الصيغة العامة:

if (condition1) {
    // الكود الذي سيتم تنفيذه إذا تحقق الشرط الأول
} else if (condition2) {
    // الكود الذي سيتم تنفيذه إذا تحقق الشرط الثاني
} else {
    // الكود الذي سيتم تنفيذه إذا لم تتحقق أي من الشروط
}

مثال:

let score = 85;
if (score >= 90) {
    console.log("التقدير: A");
} else if (score >= 80) {
    console.log("التقدير: B");
} else {
    console.log("التقدير: C");
}

في هذا المثال، يتم فحص المتغير score مقابل شروط متعددة ويتم طباعة التقدير المناسب بناءً على قيمته.

4. العبارة الشرطية switch

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

الصيغة العامة:

switch (expression) {
    case value1:
        // الكود الذي سيتم تنفيذه إذا كانت expression تساوي value1
        break;
    case value2:
        // الكود الذي سيتم تنفيذه إذا كانت expression تساوي value2
        break;
    default:
        // الكود الذي سيتم تنفيذه إذا لم تكن expression تساوي أي من القيم
}

مثال:

let day = 3;
switch (day) {
    case 1:
        console.log("الإثنين");
        break;
    case 2:
        console.log("الثلاثاء");
        break;
    case 3:
        console.log("الأربعاء");
        break;
    default:
        console.log("اليوم غير صالح");
}

في هذا المثال، يتم التحقق من قيمة day وطباعة اليوم المناسب. إذا كانت القيمة غير متطابقة مع أي من القيم المحددة، يتم تنفيذ الكود في الجزء default.

5. العبارة الشرطية الثلاثية (Ternary Operator)

تُعتبر العبارة الثلاثية طريقة مختصرة لكتابة عبارات if...else البسيطة. وهي مثالية للاستخدام عندما يكون هناك شرط بسيط يحتاج إلى اختيار واحد من خيارين.

الصيغة العامة:

condition ? expressionIfTrue : expressionIfFalse;

مثال:

let age = 20;
let status = (age >= 18) ? "بالغ" : "غير بالغ";
console.log(status); // النتيجة: بالغ

في هذا المثال، إذا كانت قيمة age أكبر أو تساوي 18، يتم إرجاع “بالغ”، وإلا يتم إرجاع “غير بالغ”.

الخلاصة

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

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