مشاوره رایگان

ورود عضویت کسب درآمد

سبد خرید شما 0

دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان

جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

آموزش کار با دستور شرطی if else در JavaScript

عبارت if…else در JavaScript

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

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

فلوچارت if…else

فلوچارت زیر ، نحوه عملکرد عبارت If…else را نشان می دهد.

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

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

عبارت if

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

Syntax

ساختار syntax برای عبارت if اصلی به صورت زیر می باشد:

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

در اینجا ، بیانیه شرط (expression) جاوا اسکریپت ارزیابی می شود. اگر نتیجه ارزیابی 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
}

در اینجا ، جاوا اسکریپت بیانیه شرط (expression) را ارزیابی می کند. اگر نتیجه ارزیابی true باشد ، عبارت (های) داده شده در بلوک ‘if’ اجرا می شوند. اگر بیانیه شرط false باشد ، عبارت (های) داده شده در بلوک ‘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 نباشد ، بلوک 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...

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

آموزش کار با دستور شرطی if else در JavaScript

عبارت if…else در JavaScript

فلوچارت if…else

عبارت if

Syntax

مثال

عبارت if…else

Syntax

مثال

عبارت if…else…if

Syntax

مثال

آیا نیاز به مدرک هم دارید؟