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

 if ( // شرط مورد نظر برای برنامه ) {
    اگه شرط مورد نظر درست بود اجرا میشه
}
var x = 12;
if ( x > 10 ) {
    console.log( "x is grather than 10" );
}

زمانی که کنسول مرورگرتون رو باز کنید (با F12 باز میشه)، میبینید که خروجی x is grather than 10 است، چون متغیر x بزرگتر از 10 است؛ ولی اگه متغیر x کوچیکتر باشه چه اتفاقی میوفته؟ شرطمون اجرا نمیشه چون متغیر x کوچیکتر از 10 هست و شرط زمانی اجرا میشه که درست باشه. ولی میتونیم کاری کنیم که اگه شرط اشتباه بود، یک چیز دیگه اجرا بشه، مثال:

var x = 8;
if ( x > 10 ) {
    console.log( "x is grather than 10" );
}
else {
    console.log( "x is less than 10" ); // x is less than 10
}

شرط else همون کار مگرنه رو انجام میده، یعنی اگه x کوچیکتر از 10 باشه شرط else اجرا میشه.

فرض کنید ما ساعت کاربر رو گرفتیم و میخوایم طبق همون ساعت، نشون بدیم که صبحه، عصر یا… مثال:

var hour = 10;
if ( hour >= 6 && hour <= 11 ) {
    console.log( "Good Morning" ); // Good Morning
}

خب، ما شرطی گذاشتیم که گفتیم اگه ساعت وارد شده بین عدد 6 تا 11 باشه، صبح بخیر خروجی گرفته بشه. اگه هر دو درست بود جواب رو درست برمیگردونه. از عملگر AND منطقی استفاده کردیم که به فارسی معنی “و” رو میده.

حالا میخوایم بگیم اگه بین ساعت 11 تا 3 ظهر بود، به ما ظهر بخیر رو برگردون. مثال:

var hour = 10;
if ( hour >= 6 && hour <= 11 ) {
    console.log( "Good Morning" ); // Good Morning
}
else if ( hour > 11 && hour <= 15 ) {
    console.log( "Good Noon" );
}

دستور شرطی else if میگه که اگه شرط اولی درست نبود، شرط بعدی که else if باشه رو اجرا کن و اگه باز هم درست نبود باید شرط بیشتری بزاریم تا به جواب برسیم.

خب شرط قبلی رو کامل کنیم که در ازای هر ساعت ورودی، یه خروجی مناسب داشته باشیم:

var hour = 13;
if ( hour >= 6 && hour <= 11 ) {
    console.log( "Good Morning" );
}
else if ( hour > 11 && hour <= 15 ) {
    console.log( "Good Noon" ); // Good Noon
}
else if ( hour > 15 && hour <= 20 ) {
    console.log( "Good evening" );
}
else {
    console.log( "Good Night" );
}

خب حالا کاربر هر ساعتی رو بده، حتما یه جواب به انواع صبح، ظهر، عصر، شب و… دریافت میکنه.

ولی اگه عددی اشتباه وارد کنه مثلا بالای 24، خروجی برای کاربر شب بخیر هست، چون ما گفتیم اگه همه این شرط هایی که دادیم درست نباشد، دستور شرطی else رو که به تنهایی نوشتیم رو اجرا کن که خروجی رو شب بخیر میده.

حالا میخوایم شرط رو جوری تعریف کنیم که اگه بالای 24 ساعت رو وارد کرد، پیام اشتباه رو برای کاربر برگردونه:

 var hour = 13;
if ( hour >= 6 && hour <= 11 ) {
    console.log( "Good Morning" );
}
else if ( hour > 11 && hour <= 15 ) {
    console.log( "Good Noon" ); // Good Noon
}
else if ( hour > 15 && hour <= 20 ) {
    console.log( "Good evening" );
}
else if ( hour > 20 && hour <= 24 ) {
    console.log( "Good Night" );
}
else if ( hour > 1 && hour < 6 ) {
    console.log( "Good Mid Night" );
}
else {
    console.log( "not in range" );
}

حالا با این دستوری که نوشتیم، اگه کاربر عددی به غیر از بین 0 تا 24 بده، جواب برای کاربر not in range خواهد بود.

خب این بود دستور های شرطی if , else , else if که باهم بررسی کردیم و یادشون گرفتیم همراه با مثال که مطلب کاملا براتون جا بیوفته.

یک نکته دیگه هم بگم، اگه فقط برای اجرای شرط به یک چیزی نیاز دارید میتونید به این صورت  کدتون رو بنویسید:

 var x = 12;
if ( x > 10 ) console.log( "x is grather than 10" ); // x is grather than 10

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

مورد دیگه ای نمیمونه بریم مقاله بعدی به سراغ دستور شرطی switch.

حتما تمرین کنید، منتظر نظرات شما عزیزان هستیم 😉.