در حین نوشتن یک برنامه، ممکن است به موقعیتی برخورد کنید که نیاز به انتخاب یکی از مسیرهای داده شده داشته باشید. در چنین مواردی، شما باید از عبارات شرطی استفاده کنید که به برنامه‌ی شما امکان می‌دهد تصمیمات صحیحی را بگیرد و اقدامات صحیحی را انجام دهد.
جاوا اسکریپت عبارات شرطی را پشتیبانی می‌کند که برای انجام اقدامات مختلف بر اساس شرایط مختلف استفاده می‌شوند. در اینجا، ما عبارات if..else را توضیح خواهیم داد.
نمودار if-else
نمودار جریان زیر نشان می‌دهد که if-else چگونه کار می‌کنند:
جاوااسکریپت از اشکال زیر در عبارات شرطی if..else پشتیبانی می‌کند:
-
if
-
if…else
-
if…else if
عبارت if
عبارت if، عبارت کنترل اصلی هستند که به جاوااسکریپت امکان می‌دهند تصمیماتی بگیرد و کد های خودرا به صورت شرطی اجرا کند.
سینتکس یک عبارت if اصلی به شرح زیر است:
در اینجا یک عبارت جاوااسکریپت ارزیابی می‌شود. اگر مقدار نتیجه‌ای که به دست می‌آید صحیح باشد، کد های بین دو کروشه داده‌شده اجرا می‌شود. اگر عبارت صحیح نباشد، هیچ کدی اجرا نمی‌شود. بیشتر زمان‌ها هنگام انجام شرط‌ها از اپراتورهای مقایسه‌ای استفاده می‌شود.
مثال
برای درک بهتر نحوه کار کرد عبارت if، مثال زیر را امتحان کنید.
خروجی:
if (expression) {
Statement(s) to be executed if expression is true
}<html>
<body>
<script type = "text/javascript">
<!--
var age = 20;
if( age > 18 ) {
document.write("<b>واجد شرایط رانندگی است</b>");
}
//-->
</script>
<p>مقدار متغیر را به مقدار مختلفی تنظیم کنید و سپس امتحان کنید...</p>
</body>
</html>واجد شرایط رانندگی است
مقدار متغیر را به مقدار مختلفی تنظیم کنید و سپس امتحان کنیدعبارت if...else
عبارت if…else شکل بعدی عبارات کنترل است که به جاوااسکریپت اجازه می‌دهد شرط‌هارا را به صورت کنترل شده‌تری اجرا کند.
سینتکس
در if…else، عبارت جاوااسکریپت ارزیابی می‌شود. اگر مقدار نتیجه‌ای که به دست می‌آید صحیح باشد، کدهای داده شده در بلوک if اجرا می‌شود. اگر عبارت صحیح نباشد، کد های داده شده در بلوک else اجرا می‌شود. در واقع شرط به این گونه اجرا می‌شود اگر-درغیراین‌صورت
مثال
برای یادگیری نحوه پیاده‌سازی یک عبارت if…else در جاوااسکریپت، کد زیر را امتحان کنید:
خروجی:
<html>
<body>
<script type = "text/javascript">
<!--
var age = 15;
if( age > 18 ) {
document.write("<b>واجد شرایط رانندگی است</b>");
} else {
document.write("<b>واجد شرایط رانندگی نیست</b>");
}
//-->
</script>
<p>مقدار متغیر را به مقدار مختلفی تنظیم کنید و سپس امتحان کنید...</p>
</body>
</html>واجد شرایط رانندگی نیست
مقدار متغیر را به مقدار مختلفی تنظیم کنید و سپس امتحان کنیدعبارت if...else if
دستور if…else if یک شکل پیشرفته‌تر از if…else است که به جاوا اسکریپت امکان می‌دهد از بین چندین شرط تصمیم صحیح بگیرد.
سینتکس
دستور if-else-if به صورت زیر است:
در این کد چیز خاصی وجود ندارد. این فقط یک سری عبارت if است، که هر if بخشی از بخش else دستور قبلی است. کدها بر اساس شرط درست اجرا می‌شوند، اگر هیچ یک از شروط درست نباشد، بلوک else اجرا می‌شود.
مثال
کد زیر را برای یادگیری چگونگی پیاده‌سازی یک دستور if-else-if در جاوا اسکریپت امتحان کنید:
خروجی:
if (expression 1) {
کدهایی که باید اجرا شوند اگر expression 1 درست باشد
} else if (expression 2) {
کدهایی که باید اجرا شوند اگر expression 2 درست باشد
} else if (expression 3) {
کدهایی که باید اجرا شوند اگر expression 3 درست باشد
} else {
کدهایی که باید اجرا شوند اگر هیچ expression درست نباشد
}<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>مقدار متغیر را به مقدار مختلفی تنظیم کنید و سپس امتحان کنید...</p>
</body>
<html>Maths Book
مقدار متغیر را به مقدار مختلفی تنظیم کنید و سپس امتحان کنید...
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام