دستور if/else

مثال (دستور if/else)

اگر که زمان(ساعت) کمتر از 20:00 باشد، عبارت Good day،در یک عنصر با آی دی demo قرار می گیرد:

var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}

نتیجه کد بالا:

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

دستور if/else، اگر که یک شرط true باشد یک قطعه کد را اجرا می کند. اگر که شرط false باشد، یک قطعه کد دیگر اجرا می شود.

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

در جاوااسکریپت عبارات شرطی زیر را داریم:

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

پشتیبانی مرورگرها

دستور
if/else	بله	بله	بله	بله	بله

نحوه استفاده

عبارت if یک قطعه کد را اجرا می کند، در صورتی که یک شرط true باشد:

if (condition) {
قطعه کد که در صورت true بودن شرط اجرا می شود
}

عبارت else یک قطعه کد را اجرا می کند در صورتی که شرط false باشد:

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

عبارت else if یک یک عبارت شرطی جدید را مشخص می کند در صورتی که شرط اول false باشد:

if (condition1) {
    block of code to be executed if condition1 is true
} else if (condition2) {
    block of code to be executed if the condition1 is false and condition2 is true
} else {
    block of code to be executed if the condition1 is false and condition2 is false
}

مقادیر پارامترها

پارامتر	توضیحات
condition	ضروری.یک عبارت شرطی که مقدار true یا false را نتیجه می دهد.

جزئیات تکنیکی

نسخه JavaScript	1.0

مثال - خودتان امتحان کنید

مثال (دستور if/else)

اگر که زمان کمتر از 20:00 باشد متغیر greeting برابر با Good day خواهد شد و در غیر این صورت برابر با Good evening خواهد شد:

var time = new Date().getHours();
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}

خروجی greeting در کد بالا:

Good evening

خودتان امتحان کنید »

مثال (دستور if/else)

اگر که زمان کمتر از 10:00 باشد، greeting برابر با Good morning خواهد شد و در غیر این صورت، اگر زمان کمتر از 20:00 باشد، متغیر greeting برابر با Good day خواهد شد و در غیر این صورت، greeting برابر با Good evening خواهد شد:

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

خروجی greeting در کد بالا:

Good evening

خودتان امتحان کنید »

مثال (دستور if/else)

اگر آی دی اولین عنصر دایو در document برابر با myDIV باشد، اندازه فونت آن را تغییر می دهد:

var x = document.getElementsByTagName("DIV")[0];

if (x.id == "myDIV") {
x.style.fontSize = "30px";
}

خودتان امتحان کنید »

مثال (دستور if/else)

در صورتی که کاربر روی عکس کلیک کند، مقدار src یک تگ <img> را تغییر می دهد:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<script>
function changeImage() {
    var image = document.getElementById("myImage");
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.gif";
    } else {
        image.src = "pic_bulbon.gif";
    }
}
</script>

خودتان امتحان کنید »

مثال (دستور if/else)

اعتبار سنجی داده ها:

var x, text;

// Get the value of input field with id="numb"

x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input OK";
}
document.getElementById("demo").innerHTML = text;

خودتان امتحان کنید »