آموزش JavaScript قسمت هشتم

ساختار شرطی switch : از این ساختار زمانی استفاده می کنیم که بخواهیم بر اساس مقادیر مختلف یک متغییر،تصمیمات متفاوتی بگیریم و دستورات متفاوتی را اجرا کنیم.معمولا زمانی که تعداد حالات (case) زیاد باشد از این ساختار به جای ساختار If...else if...else Statement، استفاده می کنیم.در این ساختار ابتدا محتوای متغییر ارزیابی شده،سپس تک تک حالات (case) از بالا به پایین بررسی می شوند،در صورتیکه یکی از حالات برقرار باشد دستورات آن اجرا می شود تا به کلمه break برسد،زمانی که به کلمه break رسید از ساختار switch خارج می شود.و در صورتیکه هیچ یک از حالات برقرار نباشد،دستورات پیش فرض ( default ) اجرا می شوند.

نحو (Syntax) :
1
2
3
4
5
6
7
8
9
10
11
switch(متغییر مورد نظر)
{
case 1:
   دستورات 1
  break;
case 2:
     دستورات 2
  break;
default:
  دستورات پیش فرض
}


نکته : دقت داشته باشید که در صورتیکه کلمه break برای یک case مشخص نشود،اگر شرط برقرار باشد سیستم دستورات را اجرا می کند تا به یک break برسد،مثلا در مثال زیر اگر شرط اول ( case )برقرار باشد دستورات شرط دوم ( case ) نیز اجرا می شود زیرا شرط اول break ندارد.
1
2
3
4
5
6
7
8
9
10
11
switch(متغییر مورد نظر)
{
case 1:
   دستورات 1
 
case 2:
     دستورات 2
  break;
default:
  دستورات پیش فرض
}

مثال : در مثال زیر،ما ابتدا کد روز هفته را بدست می آوریم،سپس براساس عدد بدست آمده پیغام مناسبی را نمایش می دهیم.در واقع کد روز بدست آمده درون متغییر day قرار می گیرد،سپس محتوای این متغییر با تک تک case ها مقایسه می شود،هرجا که مقدارشان با یکدیگر برابر بود،دستورات مربوط به آن case اجرا می شود :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 

Click the button to display what day it is today.

 
 

"demo">

 
"text/javascript">
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
  {
  case 0:
    x="Today it's Sunday";
    break;
  case 1:
    x="Today it's Monday";
    break;
  case 2:
    x="Today it's Tuesday";
    break;
  case 3:
    x="Today it's Wednesday";
    break;
  case 4:
    x="Today it's Thursday";
    break;
  case 5:
    x="Today it's Friday";
    break;
  case 6:
    x="Today it's Saturday";
    break;
  }
document.getElementById("demo").innerHTML=x;
}
 

استفاده از دستور default : دستورات این بخش از ساختار Switch زمانی اجرا می شوند که هیچ یک از case ها با مقدار متغییر برابر نباشند :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Click the button to display a message based on what day it is today.

 
 

"demo">

 
"text/javascript">
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
  {
  case 6:
    x="Today it's Saturday";
    break;
  case 0:
    x="Today it's Sunday";
    break;
  default:
    x="Looking forward to the Weekend";
  }
document.getElementById("demo").innerHTML=x;
}
 

جعبه های هشدار در جاوا اسکریپت ( Alert Box ) : از این دستور زمانی استفاده می کنیم که بخواهیم مطمئن شویم،کاربر از موضوعی اطلاع کامل دارد.در واقع توسط جعبه های هشدار سعی داریم تا کاربر را از موضوعی خاص مطلع کنیم :

نحو (Syntax) :
1
alert("متن مورد نظر");

مثال : در مثال زیر ما تابعی با نام myFunction تعریف کرده ایم ،که این تابع یک جعبه هشدار را به نمایش می گذارد.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
"text/javascript">
function myFunction()
{
alert("Hello! I am an alert box!");
}
 
"button" onclick="myFunction()" value="Show alert box" />
 

جعبه های تایید در جاوا اسکریپت ( Confirm Box ) : از این دستور زمانی استفاده می کنیم که بخواهیم کاربر عملی را تایید یا در واقع قبول کند،در صورتی که کاربر بر روی دکمه ی ( OK ) کلیک کند،این دستور مقدار ( true ) را باز می گرداند و در صورتی که کاربر بر روی دکمه ی ( Cancel ) کلیک کند،این دستور مقدار ( false ) را باز می گرداند.

نحو (Syntax) :
1
confirm("متن مورد نظر");

مثال : در اینجا ما با یک مثال متوجه می شویم که نحوه عملکرد این دستور به چه شکلی است.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 

Click the button to display a confirm box.

 
 

"demo">

 
"text/javascript">
function myFunction()
{
var x;
var r=confirm("Press a button!");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }
document.getElementById("demo").innerHTML=x;
}
 


جعبه های اعلان در جاوا اسکریپت ( Prompt Box ) : از این دستور زمانی استفاده می کنیم که بخواهیم از کاربر مقداری را به عنوان ورودی دریافت کنیم.در صورتی که کاربر بر روی دکمه ی ( OK ) کلیک کند،این دستور مقدار وارد شده توسط کاربر را باز می گرداند و در صورتی که کاربر بر روی دکمه ی ( Cancel ) کلیک کند،این دستور مقدار ( null) یا تهی را باز می گرداند.

نحو (Syntax) :
1
prompt("مقدار پیش فرض","متن مورد نظر");

نکته : دقت داشته باشید وارد کردن مقدار پیش فرض اختیاری می باشد.در صورتی که مقداری را وارد کنید، این مقدار به صورت پیش فرض و از قبل وارد شده درون کادر به نمایش در می آید.

مثال :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 

Click the button to demonstrate the prompt box.

 
 

"demo">

 
"text/javascript">
function myFunction()
{
var x;
 
var name=prompt("Please enter your name","Harry Potter");
 
if (name!=null)
  {
  x="Hello " + name + "! How are you today?";
  document.getElementById("demo").innerHTML=x;
  }
}

نحوه پرش به خط بعد در جاوا اسکریپت ( Line Breaks ) : برای این منظور ما از کاراکتر کنترلی ( n\ ) استفاده می کنیم.

مثال :در اینجا ما متن درون جعبه هشدار را در دو خط به نمایش می گذاریم :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 

Click the button to demonstrate line-breaks in a popup box.

 
 

"demo">

 
"text/javascript">
function myFunction()
{
alert("Hello\nHow are you?");
}
 


موضوعات مرتبط: آموزش زیان های برنامه نویسی

تاريخ : چهارشنبه بیست و نهم خرداد ۱۳۹۲ | 8:54 | نویسنده : حمید مقصودی |
.: Weblog Themes By Bia2skin :.
[قالب وبلاگ : بیاتو اسکین] [Weblog Themes By : Bia2skin.ir]