این آموزش در تاریخ ۱۴۰۱/۰۴/۰۴ آپدیت شده است.
کار با دستور شرطی Switch در جاوا اسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با دستور شرطی Switch در جاوا اسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
دستور شرطی Switch در جاوا اسکریپت
خب ما در جلسه قبلی با دستورات شرطی if و else و else if بطور کامل آشنا شدیم که پیشنهاد میکنم حتما این آموزش رو مشاهده و مطالعه نمایید.
حال در این جلسه میخوایم با دستور شرطی سوئیچ یا به انگلیسی switch
آشنا شیم و ببینیم چجوری میتونیم ازش استفاده کنیم و بطور کلی نحوه استفاده ازش رو یاد بگیریم.
بطور کلی با استفاده از این دستور شرطی میتونیم چندین شرط مختلف و همزمان رو بهمراه چندین مقدار مختلف و همزمان رو ایجاد و یا تعریف کنیم.
یجورایی میشه گفت تاحدودی دستور switch
شبیه به else if
می باشد، چون خب else if
اگه یادتون باشه چندین حالت از شرط رو ایجاد میکرد حال switch
هم همینکارو میکنه ولی خب در نوشتار باهمدیگه فرق میکنند.
Free-Learn
دستور Switch در جاوا اسکریپت
شکل کلی دستور شرطی switch
در زبان جاوااسکریپت رو بصورت زیر میتونیم نمایش بدیم :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
switch( عبارتی که باید با مقادیر زیر مقایسه شود ) { case A: // چیزی که میتونه اجرا بشه اگه مقایسه درست بود break; case B: // چیزی که میتونه اجرا بشه اگه مقایسه درست بود break; case C: // چیزی که میتونه اجرا بشه اگه مقایسه درست بود break; case ..N: // چیزی که میتونه اجرا بشه اگه مقایسه درست بود break; default: // مقدار پیش فرض اگه هیچکدوم از مقادیر بالا درست نبود } |
مثال شماره ۱ : ۲تا متغیر بنام های a و b با مقادیر ۵ تعریف کردیم بعدش با استفاده از دستور شرطی سوئیچ بررسی میکنه که کدوم یک از شرط ها صحیح و برقرار هست، همونو در خروجی نشون میده.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script> var a = 5; var b = 5; switch( a + b ){ case 5: document.write("جمع متغیر a و متغیر b میشه 5"); break; case 9: document.write("جمع متغیر a و متغیر b میشه 9"); break; case 10: document.write("جمع متغیر a و متغیر b میشه 10"); break; } </script> |
مثال شماره ۲ : یک نام از کاربر دریافت میکنه و بعدش میره و از بین گزینه های مختلف یا کیس های مختلف بررسی میکنه اگه نامی که کاربر وارد کرده با اون نامی که خودمون از قبل مشخص کردیم یکی بود پیغام میده میگه مثلا سلام فلانی و از این حرفا
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 |
<script> function Check(){ var username , result; username = document.getElementById("User_Name").value; result = document.getElementById("Result"); switch( username ){ case "test": result.innerHTML = "سلام تست چطوری؟"; break; case "ali": result.innerHTML = "سلام علی جطوری؟"; break; case "free-learn": result.innerHTML = "سلام فری لرن چطوری؟"; break; } } </script> |
مثال شماره ۳ : نمایش نام روز از هفته ( مثلا اگه امروز شنبه باشه باید در خروجی چاپ بشه شنبه )
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 |
var My_Current_Date = new Date(); switch( My_Current_Date.getDay() ){ case 0: document.getElementById("RD").innerHTML = "یکشنبه"; break; case 1: document.getElementById("RD").innerHTML = "دوشنبه"; break; case 2: document.getElementById("RD").innerHTML = "سه شنبه"; break; case 3: document.getElementById("RD").innerHTML = "چهارشنبه"; break; case 4: document.getElementById("RD").innerHTML = "پنج شنبه"; break; case 5: document.getElementById("RD").innerHTML = "جمعه"; break; case 6: document.getElementById("RD").innerHTML = "شنبه"; break; } |
Free-Learn
کلمه کلیدی break در دستور switch
خب دوستان در ادامه ی آموزش کار با دستور شرطی Switch در جاوا اسکریپت میخوایم با کلمه کلیدی break
آشنا بشیم و ببینیم چیه و به چه درد میخوره!
کلمه break
در لغت به فارسی یعنی ( شکسته شدن یا دست نگه داشتن یا خارج کردن ) ما با استفاده از این کلمه کلیدی در دستور سوئیچ میتونیم عمل اجرای دستور رو متوقف کنیم و دیگه برنامه از حلقه خارج میشه.
در تمامی مثال های قبلی خب دیدید که ما از break همواره استفاده کردیم و حواستون باشه استفاده از این کلمه کلیدی خیلی مهمه و ضروری هست که حتما ازش در switch استفاده کرده باشید.
بفرض مثال ما گفتیم اگه متغیر a مقدارش برابر بود با ۵ خب یه کیس براش تعریف کردیم که مثلا در خروجی نمایش بده ” آره ۵ هست ” ، حال برنامه وقتی بهش میرسه و میبینه مقدارش ۵ هست خب اول در خروجی میگه ” آره ۵ هست ” و بعدش با استفاده از break حلقه رو میشکنه یا اینجوری بگیم اجرای حلقه رو متوقف میکنه.
مثال شماره ۱ : عدم استفاده از کلمه کلدی break ( چون از break استفاده نشده بهمین دلیل برنامه کل کیس هارو پشت سرهم در خروجی نشون میده )
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script> var a = 5; switch( a ){ case 5: document.write("آره 5 هست"); case 10: document.write("آره 10 هست"); case 9: document.write("آره 9 هست"); } </script> |
Free-Learn
کلمه کلیدی default در دستور switch
کلمه کلیدی default
خب اسمش روشه دیگه، در لغت به فارسی میشه ( پیش فرض ) ما میتونیم با استفاده از این کلمه کلیدی یک مقدار پیش فرض برای سوئیچ مشخص کنیم.
یعنی میره دونه به دونه کیس هارو بررسی میکنه اگه هیچکدوم از کیس ها اونچیزی نبود که ما میخواستیم دیگه میره مقدار default رو در خروجی نشون میده.
مثال : در مثال زیر بررسی میکنه اگه هیچکدوم از کیس ها برابر با متغیر a نبودند مقدار پیش فرض که با استفاده از کلمه کلیدی default مشخص شده رو در خروجی نشون میده.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script> var a = 5; switch( a ){ case 2: document.write("آره 2 هست"); break; case 4: document.write("آره 4 هست"); break; case 10: document.write("آره 10 هست"); break; default: document.write("والا هرچی گشتیم نبود"); } </script> |
Free-Learn
اجرای چندین کیس بصورت همزمان
ما میتونیم از چندین کیس بصورت همزمان استفاده کنیم، یعنی در واقع عمل مقایسه یا بررسی بصورت همزمان بروی چندین کیس انجام بگیره.
اگه با عملگرهای منطقی آشنا باشید میدونید که ما یه عملگر داریم به اسم || یعنی یا یعنی اگه فلان یا فلان بود تو فلان کارو کن، حال ما میتونیم بهمین شکل در سوئیچ بصورت همزمان عمل مقایسه رو بروی چندین کیس اجرا کنیم.
مثال : استفاده از چندین کیس بصورت همزمان برای عمل مقایسه ( در مثال زیر اگه مقدار متغیر a برابر بود با ۴ یا ۵ در خروجی یه پیغام مشخص میده )
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 |
<script> var a = 5; switch( a ){ case 2: case 3: document.write("آره 2 یا 3 هست"); break; case 4: case 5: document.write("آره 4 یا 5 هست"); break; case 10: case 20: document.write("آره 10 یا 20 هست"); break; default: document.write("والا هرچی گشتیم نبود"); } </script> |