جهان سایت

طراحی وب سایت | خدمات سئو حرفه ای | بازاریابی اینترنتی

استفاده از دستور switch در حالت داینامیک

استفاده از دستور switch

w1_600در ادامه مطالب آموزشی برنامه نویسی جهان سایت به یک دستور مهم و کاربردی در جاوااسکریپت می رسیم استفاده ار این دستور برنامه نویسی کمک خوبی به ما است تا کمی پیچیدگی برنامه را کم کند یعنی بجای استفاده از حلقه های تودرتو می توان از این دستور برای کم کردن پیچیدگی برنامه و راحت تر شدن برنامه از این دستور استفاده کرد

به طور کلی زبان های برنامه نویسی طوری نوشته شده اند تا به طور هوشمندانه کارها را چک کنند، پس در مورد دستور switch هم می توان از مقادیری پویا و متغیر برای مقایسه case های آن استفاده کرد، مثلا در هنگام ورود افراد یا زمان فعلی سیستم پیامی به آنها نشان داد، یا در حالت های پیشرفته تر با دریافت اختلاف زمانی کشور کاربر و مقایسه آن با سرور، کارها را به وقت محلی تنظیم نمود و … ، در مثال زیر  با استفاده از توابع Date و getDay، عدد متناظر با هر روز (از روزهای هفته) را دریافت و با توجه به آن، یکی از موارد (case) ها را به خروجی ارسال کرده ایم، ملاحظه می کنید که بر اساس روزهای هفته خروجی ما نیز متغیر خواهد بود، به اینصورت می توان به صورت داینامیک از  switch و case در جاوا اسکریپت استفاده کرد.

<script type="text/javascript">
var date = new Date()
var today = date.getDay()
switch (today){
    case 1: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز دوشنبه است <br />");
    break;
    case 2: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز سه شنبه است <br />");
    break;
    case 3: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز چهارشنبه است <br />");
    break;
    case 4: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز پنج شنبه است <br />");
    break;
    case 5: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز جمعه است <br />");
    break;
    case 6: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم  امروز شنبه است <br />");
    break;
    case 7: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز یکشنبه است <br />");
    break;            
    default:  
    document.write("تاذیخ نمی تواند نمایش داده شود!<br />")
}
</script>

توضیح:
– تابع date و getDay در حالت عادی با روز و زمان میلادی کار می کنند، لذا بر اساس اینکه یکشنبه روز تعطیل در تقویم میلادی محسوب می شود (روز هفتم)، شروع شمارش روزهای هفته از دوشنبه (case 1) خواهد بود.
– اعدادی که به عنوان مقادیر به case ها داده شده اند، در واقع حاصل و نتیجه برگردانده شده از قسمت date.getDay و با توجه به تاریخ تنظیم شده سیستم است که بین ۱ تا ۷ در نوسان است.
– برای دیدن نحوه عملکرد کدهای جاوا اسکریپت، کافی است آن را در یک صفحه یا ویرایشگر html مانند برنامه Adobe dreamweaver کپی کرده و با فرمت html ذخیره نمائید و در مرورگر خود آن را اجرا کنید.
در زیر کد و پیش نمایش آنلاین مثال بالا را جهت نمونه می توانید ملاحظه کنید.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> جهان سایت | استفاده از دستور switch در جاوا اسکریپت</title>
<!-- http://jahansite.com -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
</style>
<script type="text/javascript">
//<![CDATA[
var date = new Date()
var today = date.getDay()
switch (today){
 case 1: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز دوشنبه است <br />");
    break;
    case 2: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز سه شنبه است <br />");
    break;
    case 3: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز چهارشنبه است <br />");
    break;
    case 4: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز پنج شنبه است <br />");
    break;
    case 5: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز جمعه است <br />");
    break;
    case 6: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم  امروز شنبه است <br />");
    break;
    case 7: 
    document.write("از روی تاریخ سیستم شما متوجه می شویم امروز یکشنبه است <br />");
    break;            
    default:  
    document.write("تاذیخ نمی تواند نمایش داده شود!<br />")
} //]]> </script> </head> <body> <br /> <hr /> یکی از مقادیر case ها با توجه به روزهای هفته و تاریخ سیستم شما به خروجی ارسال شده است. </body> </html>