keyboard_return  چسبون مقالات آموزشی آموزش گام به گام جاوا اسکریپت ساختار تصمیم IF-ELSE در جاوا اسکریپت
  1. آموزش گام به گام جاوا اسکریپت
  2. ساختار تصمیم IF-ELSE در جاوا اسکریپت

معرفی ساختار تصمیم 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 می توانید خروجی های مختلف کد فوق را بررسی کنید. نظرات و پیشنهادات خود را با ما در میان بگذارید.

ساختار تصمیم IF-ELSE در جاوا اسکریپت - 3.8 از 5 بر اساس 150 رای

امتیاز کاربران

ساختار تصمیم IF-ELSE در جاوا اسکریپت
دیدگاه‌ها
سامان سامان 2 سال پیش
سلام دوست عزیز، ممنون از مطالب مفیدتون، یه سوال داشتم: کد های jquery روی کامپیوتر من بالا نمیاد، تازگیا اینطوری شده، کد ها نوشته میشن اما روی مرورگر اجرا نمیشن، خواستم کمکم کنید، ممنون میشم
آرمان بابائی آرمان بابائی 2 سال پیش
درود . از CDN استفاده میکنید یا فایل‌های JQuery رو روی لوکال دارین اجرا میکنین؟ پیشنهاد می‌کنم کدهای خودتون رو در قسمت بپرس سایت قرار بدین تا بهتر کمک کنیم.
ذبیح اله ذبیح اله 3 سال پیش
پس بقیه آموزش کجاست؟
آرمان بابائی آرمان بابائی 3 سال پیش
این آموزش ها پیش مقدمه آموزش و آشنایی مقدماتی هستند و برای ادامه مقاله های گام به گام می تونید دوره های ویدیویی رو ببینید.
هیوا هیوا 4 سال پیش
سلام ممنون از آموزش خوبتون موفق باشید.

2021 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.