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

آموزش جاوا اسکریپت - دستور if .. else

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

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

فلوچارت if..else

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

decision making

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

  • دستور if
  • دستور .else
  • دستور .else if…

دستور if

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

 

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

دستور نگارش (syntax)  اولیه برای دستور if به شرح زیر است.

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

در اینجا یک عبارت جاوا اسکریپت ارزیابی شده و اگر مقدار نتیجه true (درست) بود دستور اجرا می شود و اگر false بود هیچ دستوری اجرا نمی گردد. در اکثر مواقع می توانید به هنگام تصمیم گیری  از عملگرهای مقایسه استفاده نمایید.

مثال

مثال زیر را برای درک بهتر از نحوه عملکرد دستور 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 فرم بعدی از دستور کنترل است که به جاوا اسکریپت اجازه اجرای دستورات در مسیر با کنترل بیش تر را می دهد.

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

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

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

در اینجا عبارت جاوا اسکریپت بررسی می شود. اگر مقدار حاصل درست باشد، دستورات داده شده در بلوک 'if' اجرا می گردند و اگر عبارت نادرست باشد، سپس دستورات داده شده در بلوک else  اجرا می شود.

مثال

مثال زیر را برای درک بهتر از نحوه عملکرد دستور 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 است که به جاوا اسکریپت  اجازه گرفتن تصمیمات درست در میان چندین شرط را می دهد.

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

دستور نگارش (syntax)  برای دستور 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...
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

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

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

مبحث آموزشی

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

Learn JavaScript

سرفصل ها

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

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

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

https://telegram.me/softskill_ir

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

خبـرنــامه

Newsletters

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

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

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

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