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

آموزش جاوا اسکریپت - دستور switch case

می توانید از چندین دستور  if..else.. if  مانند فصل قبلی جهت تصمیم گیری در  میان چند شرط استفاده نمایید. با این حال بهترین زمان استفاده از آن هنگامی است که  تمام شاخه ها به ارزش یک متغیر واحد بستگی دارند.

برای شروع با JavaScript 1.2 می توانید از دستور switch که برای این شرایط مناسب است استفاده نمایید که بسیار موثر تر از تکرار دستورات if..else.. if می باشد.

فلوچارت

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

switch case

 

دستور نگارش (syntax)

عبارت switch ابتدا یک بار ارزیابی می گردد. سپس مقدار عبارت با مقادیر هر یک از case ها به طور جداگانه مقایسه می گردد. چنانچه مقدار عبارت با یکی از case ها مطابقت و همخوانی داشت، قطعه کد مربوطه اجرا می گردد.در صورت عدم تطابق شرط پیش فرض استفاده می شود.

switch (expression)
{
   case condition 1: statement(s)
   break;
   
   case condition 2: statement(s)
   break;
   ...
   
   case condition n: statement(s)
   break;
   
   default: statement(s)
}

دستورات break پایان هر case را نشان می دهد. اگر جذف شوند interpreter  ادامه یافته و دستورات تمام case ها را اجرا می کند .

دستور break را در فصل کنترل حلقه (Loop Control) بیش تر توضیح می دهیم.

مثال

مثال زیر را برای درک بهتر از نحوه عملکرد دستور switch-case ببینید.

<html>
   <body>
   
      <script type="text/javascript">
         <!--
            var grade='A';
            document.write("Entering switch block<br />");
            switch (grade)
            {
               case 'A': document.write("Good job<br />");
               break;
            
               case 'B': document.write("Pretty good<br />");
               break;
            
               case 'C': document.write("Passed<br />");
               break;
            
               case 'D': document.write("Not so good<br />");
               break;
            
               case 'F': document.write("Failed<br />");
               break;
            
               default:  document.write("Unknown grade<br />")
            }
            document.write("Exiting switch block");
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

خروجی

Entering switch block
Good job
Exiting switch block
Set the variable to different value and then try...

Break نقش اساسی را در دستورات switch-case ایفا می کند. کد زیر را بدون دستور break امتحان کنید.

<html>
   <body>
      
      <script type="text/javascript">
         <!--
            var grade='A';
            document.write("Entering switch block<br />");
            switch (grade)
            {
               case 'A': document.write("Good job<br />");
               case 'B': document.write("Pretty good<br />");
               case 'C': document.write("Passed<br />");
               case 'D': document.write("Not so good<br />");
               case 'F': document.write("Failed<br />");
               default: document.write("Unknown grade<br />")
            }
            document.write("Exiting switch block");
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

خروجی

Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block
Set the variable to different value and then try...
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

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

Learn JavaScript

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...