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

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

در این آموزش ، شما در مورد هدف و نحو آن می آموزید. در صورت استفاده از دستورات JavaScript ، کد شما انعطاف پذیرتر و کاربرپسندتر می شود.

نکات اصلی if در جاوااسکریپت:

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

انتخاب و نوشتن بیانیه ها

اگر دستور JavaScript در صورت صحت یک شرط تنظیم خاص ، یک بلوک کد را اجرا می کند.

اگر همان شرایط نادرست باشد ، دستور JavaScript else یک بلوک کد را اجرا می کند. در این حالت ، ممکن است یک شرط اضافی با استفاده از دستور JavaScript other if تنظیم شود. در صورت درست بودن شرایط جدید ، یک بلوک از کد را اجرا خواهد کرد.

اگر دستورات if و other اگر درست نیستند ، دستور JavaScript else مجموعه کد خود را اجرا می کند.

کمی پیچیده به نظر می رسد؟ بیایید یک مثال ساده ببینیم:

function exampleFunction() {
    var number = 15;
    var text;
    if (number < 15) {
        text = "Number is less than 15";
    } else if (number == 15){
        text = "Number is equal to 15";
    } else {
        text = "Number is greater than 15";
    }
    document.getElementById("test").innerHTML = text;
}

همانطور که این مثال را در ویرایشگر کد امتحان می کنید ، سعی کنید مقدار را در خط دوم تغییر دهید و کد را مجدداً تنظیم کنید تا تفاوت ها را مشاهده کنید.

مثال ها

همانطور که مشاهده می کنید ، دستور برای دستور JavaScript if other بسیار ساده است. هنوز هم ممکن است یادآوری آن همان درک نحوه استفاده از آن در عمل نباشد.

ما اکنون سه مثال استفاده از دستور JavaScript را در صورت کد واقعی تحلیل خواهیم کرد. دکمه های Try it Live به شما امکان می دهد هر یک از آنها را در یک ویرایشگر کد باز کنید و کمی با آنها بازی کنید تا ایده بهتری از این مفهوم بدست آورید.

مثال 1

در این مثال ، ما از جاوا اسکریپت برای بررسی زمان ساعت استفاده می کنیم – به عبارت دقیق تر ، آیا قبل از 8 شب است ، در این صورت عملکرد “روز خوب!” را برمی گرداند ، و اگر ساعت بعد باشد ، “خوب” برمی گردد. عصر! “.

متغیر زمان را با متدی که ساعت فعلی بدست می آورد ، یک شی تاریخ اختصاص می دهیم. سپس ، با استفاده از دستور if جاوا اسکریپت بررسی می کند که ساعت فعلی زودتر است یا دیرتر از 20:

function exampleFunction() {
    var time = new Date().getHours(); 
    var text;
    if (time < 20) {
        text = "Good day!";
    } else {
        text = "Good evening!";
    }
    document.getElementById("test").innerHTML = text;
}

مثال 2

در مثال زیر، ما JavaScript if statement را تغییر می دهیم تا بررسی کند که ساعت از 10 زودتر است یا خیر ، در این صورت خروجی “صبح بخیر!” است. علاوه بر این ، اکنون دستور if جاوا اسکریپت را اضافه می کنیم ، که بررسی می کند ساعت از 20 زودتر است یا خیر ، اگر اولین شرط if نادرست است و اگر شرط دیگری وجود دارد ، “Good day!” را تولید می کنیم.

سرانجام ، عبارت JavaScript else “عصر بخیر!” را برمی گرداند. اگر هر دو شرط قبلی نادرست باشد:

var time = new Date().getHours(); 
if (time < 10) { 
   document.write("Good morning!"); 
} else if(time < 20) { 
   document.write("Good day!"); 
} else { 
   document.write("Good evening!");
}

مثال 3

در مثال زیر ، ما یک اسکریپت داریم که ورودی یک فیلد ورودی HTML را می گیرد و مقدار آن را از طریق دستور if و یا if بررسی می کند. اگر کاربر c را وارد کند ، متن بیان می کند که مقدار صحیح را وارد کرده است.

جاوا اسکریپت اگر شرط statement بررسی کند که آیا شما b یا d را وارد می کنید. اگر این درست باشد ، عملکرد نشان می دهد که شما نزدیک به جواب درست هستید ، زیرا این حروف در حروف c در کنار c هستند.

اگر مقدار دیگری وارد کنید ، دستور JavaScript else به شما اطلاع می دهد که پاسخ اشتباهی وارد کرده اید:

var letter = document.getElementById("my_input").value;
var text; 
if (letter === "c") {
     text = "Woo wee! You got it!";
} else if (letter === "b" || letter === "d") {
    text  = "Close enough, champ!";
} else {
    text = "Awh... Not even close, man.";
}
document.getElementById("test").innerHTML = text;

خلاصه if در جاوااسکریپت:

• برای بررسی شرایط خاص می توانید از JavaScript if statement استفاده کنید و در صورت تحقق شرایط برخی از کدها را اجرا کنید.
• اگر اینگونه نیست ، می توانید از دستور other if برای بررسی شرایط اضافی استفاده کرده و در صورت تحقق برخی از کدها را اجرا کنید.
• در صورت عدم احراز شرایط ، می توانید از دستور JavaScript else برای اجرای برخی از کدها استفاده کنید.