معرفی ساختار تصمیم IF-ELSE در JavaScript

تصور کنید می خواهید به ازای مقادیر مختلف یک متغیر کدهای مختلفی را اجرا کنید. مثلا اگر مقدار متغیر کوچکتر از 10 بود پیام خاصی را نمایش دهید و یا اگر مقدار متغیر بزرگتر از 20 بود پیام دیگری نمایش دهید. کنترل این حالات با استفاده از ساختارهای تصمیم امکان پذیر می باشد. تقریبا همه زبان های برنامه نویسی به شما اجازه اجرای کدها به ازای شرایط مختلف را می دهند.

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

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

دستور IF

دستور IF یک پارامتر را به عنوان شرط بررسی می کند در صورتیکه شرط دارای مقدار معتبر باشد دستورات مورد نظر را اجرا خواهد کرد در غیر اینصورت آن دستورات در نظر گرفته نمی شود و اجرا نخواهند شد. ساختار دستور IF به شکل زیر می باشد:

if (condition) {
	//دستورات مورد نظر
}

همانطور که مشاهده می کنید دستور IF یک شرط (condition) را بررسی می کند حاصل این بررسی بصورت TRUE و یا FALSE می باشد اگر نتیجه بررسی TRUE باشد دستورات داخل بلوک IF اجرا می شود (تمام دستوراتی که بین { و } نوشته شده است) و اگر نتیجه بررسی شرط FALSE باشد دستورات داخل بلوک IF اجرا نمی شود.

به مثال زیر توجه نمایید:

<script>
var age = 20;
if (age > 18) {
	document.write("سن شما بیشتر از 18 سال است");
}
</script>

مشاهده آنلاین

در این مثال یک متغیر با نام age با مقدار اولیه 20 تعریف کردیم. سپس با استفاده از دستور IF بررسی کردیم اگر مقدار age بیشتر از 18  بود پیام مورد نظر را نمایش دهد ("سن شما بیشتر از 18 سال است")

می توانید چندین شرط مختلف را به همین شکل پشت سر هم بنویسید و کدهای هر بلوک در صورت برقرار بودن شرط اجرا می شود.

<script>
var age = 20;
if (age < 18) {
	document.write("سن شما کمتر از 18 سال است");
}
if (age > 18) {
	document.write("سن شما بیشتر از 18 سال است");
}
</script>

مشاهده آنلاین

دستور IF-ELSE

همانطور که اشاره شده حاصل بررسی شرط به دو صورت True و یا False خواهد بود. ممکن است بخواهیم در صورت صحت شرط یک پیام و در صورت عدم درستی شرط پیام دیگری را نمایش دهید در این حالت بهتر است بجای استفاده از دو دستور IF جداگانه از دستور IF-ELSE استفاده کنید. این ساختار بیانگر این است که اگر شرط دارای مقدار صحیح بود دستورت داخل if را اجرا کن و در غیر اینصورت دستورات داخل else را اجرا کن. به مثال زیر توجه نمایید:

<script>
var average = 14;
if (average < 12) {
	document.write("شما نمی توانید بیش از 14 واحد انتخاب نمایید");
} 
else {
	document.write("شما می توانید حداکثر 20 واحد انتخاب نمایید");
}
</script>

مشاهده آنلاین

در این مثال یک متغیر جهت بررسی معدل تعریف کردیم شرط مورد نظر بررسی می کند اگر معدل زیر 12 باشد پیام "شما نمی توانید بیش از 14 واحد انتخاب کنید" نمایش داده می شود و در غیر اینصورت پیام "شما می توانید حداکثر 20 واحد انتخاب نمایید" نمایش داده می شود.

در صورتیکه بخواهیم حالت های مختلفی را بررسی کنیم می توانیم از دستور IF-ELSE به شکل زیر استفاده کرد:

if (true) {
	// کدهای بلوک 1
} else if(true) {
	// کدهای بلوک 2
} else if(true) {
	// کدهای بلوک 3
} else {
	// کدهای بلوک 4
} 

مشاهده آنلاین

اگر شرط اول درست باشد کدهای داخل بلوک 1 اجرا می شود و اگر این شرط درست نباشد، شرط دوم بررسی می شود و در صورت درست بودن آن دستورات داخل بلوک 2 اجرا می شود و به همین ترتیب تا انتها. در صورتیکه هیپکدام از شرط ها درست نباشند دستورات داخل بلوک else که در انتها آمده است اجرا می شود. به مثال زیر توجه نمایید:

<script>
var temp = 23;
if (temp < 18) {
        document.write("هوا کمی سرد است");
} else if(temp > 18 && temp < 22) {
	document.write("هوا معتدل است");
} else if(temp > 22 && temp < 25) {
	document.write("هوا نسبتا گرم است");
} else {
	document.write("هوا گرم است");
} 
</script>

مشاهده آنلاین

با تغییر مقدار temp می توانید خروجی های مختلف کد فوق را بررسی کنید. نظرات و پیشنهادات خود را با ما در میان بگذارید.