28) دستور شرطی Switch در جاوااسکریپت

آموزش رایگان جاوااسکریپت

دستور شرطی Switch

در این مقاله به دستور شرطی Switch میپردازیم. همون دستوری که کار دستور شرطی if رو انجام میده، اما به یک نحوه دیگه که یخورده کدهای ما تمیزتر و بهینه تر کنه. خیلی جاها لازمه که بجای دستور شرطی if از دستور شرطی Switch استفاده کنیم، که هم کدمون خواناتر بشه و هم نتیجه بهتری بگیریم.

خب همونطور که گفتم دستور شرطی Switch در واقع همون کار دستور شرطی if رو انجام میده، با یک تفاوت که فقط سینتکس کد نویسیش فرق داره. یعنی کاری که با دستور شرطی Switch میکنید رو میتونید با دستور شرطی if هم انجام بدیم. سینتکس کد نویسی با دستور شرطی Switch:

var key = 5;
switch (key) {
    case 1: {
        console.log("1");
        break;
    }
    case 3: {
        console.log("3");
        break;
    }
    case 5: {
        console.log("5"); // 5
        break;
    }
    default: {
        console.log("Error");
       break;
}
}

در این دستور شرطی، فقط یک پارامتر مشخص میکنیم که متغیری هست که برای شرط گذاری با این دستور شرطی مورد استفاده قرار میگیره. درون دستور شرطی یک case قرار میگیره که شرط مورد نظر رو توش مینویسیم که در قسمت بالا، نوشتیم اگر پارامتری که دادی مقدارش 5 باشه، در کنسول مرورگر لاگ بگیر که 5 هست. و بعد break رو نوشتیم که اگه این کیس نوشته شده درست بود دیگه به کیس بعدی نره و ادامه نده که دستور شرطی ما به مشکل بر بخوره.

نمونه کدی که در بالا نوشتیم نشان می‌دهد که اگر پارامتر با یکی از شرایط دستور شرطی برابر باشد و درست عمل کند، کنسول مرورگر آن مقدار را لاگ می‌کند. سپس شرط متوقف می‌شود و دیگر ادامه پیدا نمی‌کند. تا به مشکل برنخوریم. اگه کد break رو ننویسید، شرط اگه هم درست باشه باز هم ادامه پیدا میکنه و 100% کدمون خراب اجرا خواهد شد.

دستور شرطی default در واقعه زمانی اجرا میشه که همه شرط های نوشته شده در دستور شرطی switch کار نکنن و اشتباه باشن. که ما گفتیم کنسول رشته Error رو لاگ بگیره تا بتوانیم به کاربر بفهمونیم که این دستور شرطی، تمام شرط هاش اشتباه بوده.

خب دستور شرطی Switch بالا رو با دستور شرطی if هم مینویسیم که بیشتر متوجه این دستور شرطی بشید و براتون کاملا جا بیوفته:

if (x==5) {
    console.log("5"); // 5
}

خب حالا اگه با اجرا این کد، وارد مرورگر بشید و با زدن دکمه f12، کنسول مرورگر رو باز کنید و مشاهده میکنید که عدد 5 لاگ گرفته شده. حالا شما میتونید دستور های شرطی دیگه ای رو بنویسید. برای مثال، اگر پارامتر یک نام مثل ابوالفضل باشد، کنسول این نام را به عنوان مقدار متغیر لاگ می‌کند. توی موارد پیشرفته تر انتخاب دست شماست که از کدوم استفاده کنید، براساس سلیقه ای که دارید، میتونید به این صورت هم کد نویسی کنید. هیچ فرقی نداره توی خروجی و فقط در نوع کدنویسی یا سینتکس فرق داره. من بشخصه سینتکس کد نویسی که بالاتر گفتم رو مپسندم:

var key = 5;
switch (key) {
    case 1:
        console.log("1");
        break;

    case 3:
        console.log("3");
        break;

    case 5:
        console.log("5"); // 5
        break;

    default:
        console.log("Error");
        break;
}

حالا یه زمانی هست که ما میخواهیم توی شرط case، شرط دیگه ای بصورت شرط case بزاریم. مثلا بگیم در کیسی که 5 مقایسه میشه، بزاریم کیس 5.5 که اگه 5.5 بود، خروجی همون کنسول لاگ 5 باشه، مثال:

var key = 5.5;
switch (key) {
    case 1:
        console.log("1");
        break;

    case 3:
        console.log("3");
        break;

    case 5:
    case 5.5:
    case 5.7:
        console.log("5"); // 5
        break;

    default:
        console.log("Error");
        break;
}

خب، اگر این کد را اجرا کنید، خروجی حتماً 5 خواهد بود زیرا مقدار متغیر 5.5 است. و ما گفتیم اگه 5.5 هم بود باز کنسول لاگ بگیره که متغیر مقدار 5 رو داره. پس اگه خواستید از چند دستور ثابت استفاده کنید، میتونید از این سینتکس استفاده کنید و کار خودتونو رو راحت تر کنید.

خب تمامی نکات درباره دستور شرطی switch در جاوااسکریپت رو بررسی کردیم و باهم یادشون گرفتیم. نکته دیگه ای نمیمونه، فقط کافیه چندتا مثال بزنید و تمرین کنید که کاملا براتون جا بیوفته و به راحتی بتونید ازش استفاده کنید. اگه هم مشکلی داشید میتونید وارد سایت بشید و توی کامنتا ازم بپرسید تا بتونیم مشکل شما رو برطرف کنیم. نظرات فراموش نشه 😉.