16) آموزش دستورات شرطی در جاوااسکریپت (if)

آموزش رایگان جاوااسکریپت

جملات شرطی در جاوااسکریپت دستور خاصی را در شرایط خاصی اجرا میکند. دستورات شرطی مثل دستور if وقتی استفاده میشه که بخوایم دستور خاصی فقط در شرایط خاصی اجرا بشه؛ مثلا زمانی که معدل دانش آموزش بین 18 تا 20 شد پیغام “عالی” نمایش داده بشه و اگر بین 15 تا 18 باشه پیغام “خوب” نمایش داده بشه و به همین ترتیب یک مثال ساده از دستورات شرطی را دیدید.

دوره مرتبط و تکمیلی: آموزش کامل دستورات شرطی در جاوااسکریپت (if)

دوره کامل آموزش دستورات شرطی حلقه ها در جاوااسکریپت به همراه کلی مثال کاربردی برای یادگیری عمیق جاوااسکریپت

دستورات شرطی در جاوااسکریپت

دستورات شرطی در جاوااسکریپت به 4 صورت زیر نوشته میشه:

• if: با دستور if میشه تعیین کرد که در صورت درست بودن شرط جلوی if دستور داخل بلوک زیرش اجراش میشه.
• else: با دستور else میشه تعیین کرد که اگر شرط جلوی if نادرست بود دستور داخل بلوک else اجرا بشه.
• else if: با دستور else if میشه تعیین کرد که اگر شرط جلوی if برقرار نبود یک شرط دیگه بررسی بشه که جلوی else if نوشته میشه.
• switch: از دستور switch برای بررسی حالت مختلف از یک شرط استفاده میکنیم که در جلسه بعد به طور کامل بررسیش میکنیم.

دستور if در جاوااسکریپت

از دستور شرطی if برای اجرا کردن یه بلوک کد در صورت درست بودن یک شرط استفاده میکنیم. یعنی در صورت درست بودن شرط فقط یک بلوک کد اجرا میشه. (دستور if رو “اگر” معنی کنید.)

if (condition) {
  //  block of code to be executed if the condition is true
}

دستوری که بجای Condition در پرانتز بالا قرار میگیره، شرط بلوک کد گفته میشه. که فقط و فقط اگه اون شرط مقدار True برگردونه؛ کد داخل بلوک اجرا میشه و در غیر این صورت از اجرای اون بلوک کد صرف نظر میشه.

توجه کنید که دستور if حتما با حروف کوچک نوشته میشه

یه مثال ساده: مثلا میخوایم اگه ساعت بین 20 تا 24 بود پیغام شب بخیر نمایش داده بشه.

if (hour < 24 && hour > 20) {
  console.log("Good night");
}

همون طور که در بالا دیدید فقط و فقط وقتی ساعت بین 18 تا 24 باشه پیغام “شب بخیر” نمایش داده میشه؛ و در غیر این صورت هیچ پیغام دیگه ای نمایش داده نمیشه.

حالا میخوایم اگه ساعت بین 18 و 24 نبود یه پیغام دیگه نمایش داده بشه. یعنی 2حالت مختلف داشته باشیم.

دستور else در جاوااسکریپت

دستور else زمانی استفاده میشه که بخوایم در صورت غلط بودن شرط if، یک بلوک کد دیگه اجرا بشه. یعنی در کل بین 2تا بلوک کد حق انتخاب یک بلوک داشته باشیم. (دستور else رو “در غیر این صورت” معنی کنید.)

مثلا در مثال بالا اگه ساعت هر چیزی به جز 18 تا 24 بود، پیغام “روز بخیر” نمایش داده بشه.

if (hour < 24 && hour > 20) { 
    console.log("Good night");
} else {
    console.log("Good day");
}

در قطعه کد بالا، اگر ساعت بین 00:00 تا 20:00 باشه پیغام “روز بخیر” و اگه ساعت بین 20:01 تا 23:59 باشه پیغام “شب بخیر” لاگ گرفته میشه. (دیگه ساده تر از این نمیشه توضیح داد واقعا!!!)

حالا میخوایم اگه ساعت بین 12 تا 15 بود پیغام “ظهر بخیر” نمایش داده بشه.

دستور else if در جاوااسکریپت

دستور else if زمانی استفاده میشه که بخوایم بین چند بلوک کد مختاف حق انتخاب داشته باشیم. یعنی تعداد بلوک کد هامون بیشتر از 2تا باشه. (دستور else if رو “در غیر این صورت اگر” معنی کنید.)

در مثال بالا اگر ساعت بین 20 تا 24 باشه پیغام “شب بخیر نمایش داده میشه، در غیر این صورت اگر ساعت بین 12 تا 15 پیغام “ظهر بخیر” نمایش داده میشه و در غیر این صورت (یعنی هر ساعت دیگه ای بود) پیغام “روز بخیر” نمایش داده میشه. به راحتی.

if (hour < 24 && hour > 20) {
    console.log("Good night");
} else if (hour < 15 && hour > 12) {
    console.log("Good noon");
} else {
    console.log("Good day");

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