خانه | وبلاگ | شیوه کار با دستورات شرطی if…else جاوااسکریپت

شیوه کار با دستورات شرطی if…else جاوااسکریپت
شیوه کار با دستورات شرطی if…else جاوااسکریپت

وقتیکه برنامه ای می نویسید، شرایطی وجود دارد که ممکن است نیاز به انتخاب یک مسیر از میان مسیرهایی داشته باشید. در چنین مواردی، بایستی از عبارات شرطی استفاده کنید که به برنامه تان اجازه می دهد تا تصمیمات درستی را گرفته و اقدامات صحیحی انجام دهید، در اینجاست که نیاز به if…else جاوااسکریپت احساس می شود.

جاوااسکریپت از عبارات شرطی پشتیبانی می کند که برای اجرای اقدامات متفاوت بر اساس شرایط مختلف استفاده می شوند. ما در اینجا به توضیح در خصوص عبارت if…else خواهیم پرداخت.

شیوه نوشتار جاوااسکریپت

جاوااسکریپت از اشکال if…else زیر پشتیبانی می کند.

  • عبارت if
  • عبارت if…else
  • عبارت if…else if

عبارت if

عبارت if عبارت کنترلی اصلی است که به جاوااسکریپت اجازه می دهد تا تصمیماتی گرفته و عباراتی را به صورت شرطی اجرا کند.

نوشتار

شیوه نوشتار برای یک عبارت ساده if به صورت زیر است:

if (expression) {
   Statement(s) to be executed if expression is true
}

در اینجا عبارت جاوااسکریپت ارزیابی می شود. اگر مقدار به دست آمده true باشد، عبارت های تعیین شده اجرا می شوند. اگر عبارت false باشد، هیچ شرطی اجرا نمی شود. اغلب مواقع، از عملگرهای مقایسه ای استفاده خواهد کرد تا تصمیم بگیرند.

NodeJS چیست و استفاده از آن چه مزایایی دارد؟

مثال: مثال زیر را برای درک اینکه عبارت if چگونه کار می کند امتحان کنید.

 

<html>
   <body>     
      <script type = "text/javascript">
         <!--
            var age = 20;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

خروجی

Qualifies for driving
Set the variable to different value and then try...

عبارت if…else

عبارت if…else شکل بعدی عبارت کنترلی است که به جاوااسکریپت اجاره می دهد تا عباراتی را به شکلی کنترل شده اجرا کنند.

شیوه نوشتار

if (expression) {
   Statement(s) to be executed if expression is true
} else {
   Statement(s) to be executed if expression is false
}

در اینجا شرط جاوااسکریپت بررسی می شود. اگر نتیجه به دست آمده true باشد، عبارات تعیین شده در بلاک if اجرا می شوند. اگر شرط false باشد، سپس عبارات تعیین شده در بلاک else اجرا می شوند.

Callback جاوااسکریپت چیست و چگونه کار می‌کند؟

مثال: کد زیر را امتحان کنید تا دریابید که چگونه می توان از عبارت if-else در جاوااسکریپت استفاده کرد.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var age = 15;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            } else {
               document.write("<b>Does not qualify for driving</b>");
            }
         //-->
      </script>     
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

خروجی کد بالا به صورت زیر خواهد بود

Does not qualify for driving
Set the variable to different value and then try...

عبارت if…else if

عبارت if…else if شکل پیشرفته از if…else است که به جاوااسکریپت اجازه می دهد تا تصمیم درستی را از میان چندین شرط اتخاذ کند.

شیوه نوشتار

شیوه نوشتار عبارت if-else-if به صورت زیر می باشد

if (expression 1) {
   Statement(s) to be executed if expression 1 is true
} else if (expression 2) {
   Statement(s) to be executed if expression 2 is true
} else if (expression 3) {
   Statement(s) to be executed if expression 3 is true
} else {
   Statement(s) to be executed if no expression is true
}

نکته پیچیده ای درباره این کد وجود ندارد. این کد تنها مجموعه ای از عبارات if است که هر if بخشی از شرط else از عبارت پیشین است. عبارات بر اساس شرط true اجرا می شوند اگر هیچ یک از شرایط true نباشد، پس بلاک else اجرا می شود.

مثال: کد زیر را برای درک بهتر if-else-if بررسی کنید.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var book = "maths";
            if( book == "history" ) {
               document.write("<b>History Book</b>");
            } else if( book == "maths" ) {
               document.write("<b>Maths Book</b>");
            } else if( book == "economics" ) {
               document.write("<b>Economics Book</b>");
            } else {
               document.write("<b>Unknown Book</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
<html>

خروجی دستورات بالا به شکل زیر خواهد بود.

Maths Book
Set the variable to different value and then try...

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *