دستور switch در جاوا اسکریپت

هدایت عباسی آموزش جاوا اسکریپت

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

کاربرد دستور switch

در این بخش از آموزش جاوا اسکریپت از تاپ سایت 98 به سراغ کاربرد دستور switch می رویم.

دستورات شرطی در بسیاری از پروژه های طراحی سایت استفاده میشوند.

زمانی که چندین شرط باید بررسی شود دستور switch بهتر از دستور if عمل می کند.

کافی است یک بار شرط نوشته شود و در چندین حالت مختلف بررسی شود.

دستور switch

دستور switch یک دستور شرطی در جاوا اسکریپت می باشد.

از دستور switch زمانی استفاده می شود که بخواهیم شروط مختلفی را بررسی کنیم.

سینتکس دستور switch

در بخش زیر سینتکس دستور switch را مشاهده می کنید.

ابتدا دستور switch را می نویسیم و در پرانتز شرط را قرار می دهیم.

در هر case یک شرط را قرار می دهیم.

اگر شرط برقرار باشد کد داخل بلاک آن اجرا می شود و با دستور break خارج میشود و دیگر شرط ها بررسی نمی شود.

از default نیز زمانی استفاده میشود که هیچ شرطی برقرار نباشد.

switch(expression) {
case x:
// code block
break;
case y:
// code block
break;
default:
// code block
}

مثال دستور switch

در مثال دستور switch ما ابتدا یک پاراگراف با idی d قرار می دهیم.

سپس با متغیر color رنگی را مشخص می کنیم.

حال با دستور switch رنگ را برسی می کنیم.

در هر case یک رنگ قرار می دهیم. اگر یکی از case ها دارای آن رنگ باشد کد داخل بلاک آن اجرا میشود و با break از شرط خارج میشود و دیگر شروط بررسی نمی شود.

<!DOCTYPE html>
<html>
<body>
<p id="d"></p>
<script>
var color = "red";
switch (color) {
case "yellow":
day = "1- yellow";
break;
case "red":
day = "2- red";
break;
case "green":
day = "3- green";
break;
}
document.getElementById("d").innerHTML = "color is " + day;
</script>
</body>
</html>

دستورbreak

دستورbreak در دستور switch زمانی کاربرد دارد که شرطی برقرار شود یعنی یکی از case ها درست باشد. در این صورت کدهای داخل بلاک اجرا می شود و بقیه شروط دیگر برسی نمی شود.

دستور default

دستور default در دستور switch نیز استفاده میشود.

این دستور معادل دستور else در درون if بود. یعنی معنی در غیر این صورت را می دهد.

اگر هیچ شرطی درست نباشد در انتها کدهای داخل بلاک default اجرا می شود.

استفاده مشترک از کد

استفاده مشترک از کد در دستور switch را در قالب یک مثال ارائه دادیم.

در صورتی که رنگ قرمز یا آبی باشد مقدار 2-red به متغیر day نسبت داده میشود.

یعنی مقدار رنگ اگر معادل red یا معادل blue بود کدهای بلاک آن اجرا شود.

<!DOCTYPE html>
<html>
<body>
<p id="d"></p>
<script>
var color = "blue";
switch (color) {
case "yellow":
day = "1- yellow";
break;
case "red":
case "blue":
day = "2- red";
break;
case "green":
day = "3- green";
break;
}
document.getElementById("d").innerHTML = "color is " + day;
</script>
</body>
</html>

کدها همه تست شده است. می توانید آنها را در فایل html ذخیره کنید و تست نمایید.

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید