آموزش دستور if-else در جاوا اسکریپت
آموزش دستور if-else در جاوا اسکریپت
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش دستور if-else در جاوا اسکریپت خواهیم پرداخت.
هنگام نوشتن یک برنام ، ممکن است شرایطی پیش بیاید که شما نیاز دارید یکی از مسیرهای مشخص را انتخاب کنید. در چنین مواردی، شما باید از دستورهای شرطی استفاده کنید که به برنامه شما امکان تصمیم گیری صحیح و انجام اقدامات صحیح را می دهد.
جاوا اسکریپت از دستورات شرطی پشتیبانی می کند که برای انجام اقدامات مختلف بر اساس شرایط مختلف استفاده می شود. در اینجا جمله if..else را توضیح خواهیم داد.
فلوچارت if-else
فلوچارت زیر نحوه عملکرد دستور if-else را نشان می دهد.
جاوا اسکریپت از اشکال زیر جمله if..else پشتیبانی می کند –
- if statement
- if…else statement
- if…else if… statement.
دستور if
دستور if عبارت کنترل اساسی است که به جاوا اسکریپت امکان تصمیم گیری و اجرای دستورات را به صورت مشروط می دهد.
نحو
دستور برای دستور if اگر به صورت زیر باشد –
|
1 2 3 |
if (expression) { Statement(s) to be executed if expression is true } |
در اینجا یک عبارت جاوا اسکریپت ارزیابی می شود. اگر مقدار بدست آمده true باشد، دستور (های) داده شده اجرا می شوند. اگر عبارت false باشد، هیچ دستوری اجرا نمی شود. در بیشتر مواقع، هنگام تصمیم گیری از عملگرهای مقایسه استفاده خواهید کرد.
مثال
برای درک چگونگی دستور جمله مثال زیر را امتحان کنید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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> |
خروجی
|
1 2 |
Qualifies for driving Set the variable to different value and then try... |
دستور ‘if … else’
دستور ‘if … else’ فرم بعدی دستور کنترل است که به جاوا اسکریپت اجازه می دهد تا دستورات را با روشی کنترل شده تر اجرا کند.
|
1 2 3 4 5 |
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 اجرا می شوند.
مثال
برای یادگیری نحوه پیاده سازی دستور if-else در JavaScript کد زیر را امتحان کنید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<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> |
خروجی
|
1 2 |
Does not qualify for driving Set the variable to different value and then try... |
دستور if … else …if
دستور if … else… if فرم پیشرفته ای از if…else است که به JavaScript امکان تصمیم گیری صحیح را از چندین شرایط می دهد.
نحو دستور if-else-if به شرح زیر است –
|
1 2 3 4 5 6 7 8 9 |
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-if در JavaScript کد زیر را امتحان کنید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<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> |
خروجی
|
1 2 |
Maths Book Set the variable to different value and then try... |
لیست جلسات قبل آموزش جاوا اسکریپت
.svg)
دیدگاه شما