دستورالعمل if/else JavaScript

تعریف و استفاده

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

دستورالعمل if/else بخشی از دستورالعمل‌های شرطی JavaScript است و برای اجرای عملیات مختلف بر اساس شرایط مختلف استفاده می‌شود.

در JavaScript، ما دستورالعمل‌های شرطی زیر را داریم:

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

مثال

اگر زمان فعلی (HOUR) کمتر از 20:00 باشد، متن "Good day" در عناصر با id="demo" نمایش داده می‌شود:

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

آزمایش کنید

مثال‌های بیشتری در پایین صفحه موجود است.

نحوه استفاده

برنامه if برای اجرای بلوک کد در صورت درستی شرط تعریف شده است:

if (condition) {
  // بخش کدی که باید اجرا شود اگر شرط درست باشد
}

بخش کدی که باید اجرا شود اگر شرط نادرست باشد، توسط else مشخص می‌شود:

if (condition) {
  // بخش کدی که باید اجرا شود اگر شرط درست باشد
} else { 
  // بخش کدی که باید اجرا شود اگر شرط نادرست باشد
}

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

if (condition1) {
  // بخش کدی که باید اجرا شود اگر condition1 درست باشد
} else if (condition2) {
  // بخش کدی که باید اجرا شود اگر condition1 نادرست باشد و condition2 درست باشد
} else {
  // بخش کدی که باید اجرا شود اگر condition1 نادرست باشد و condition2 نادرست باشد
}

مقدار پارامتر

پارامتر توضیح
condition لازم است. بیاناتی که نتیجه‌ای حقیقی یا نادرست دارند.

جزئیات فنی

نسخه JavaScript: ECMAScript 1

مثال‌های بیشتری

مثال

اگر زمان کمتر از 20:00 باشد، یک سلام "Good day" ایجاد کنید، در غیر این صورت یک سلام "Good evening" ایجاد کنید:

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

آزمایش کنید

مثال

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

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

آزمایش کنید

مثال

اگر id اولین علامت <div> در مستند "myDIV" باشد، اندازه فونت آن را تغییر دهید:

var x = document.getElementsByTagName("DIV")[0];
if (x.id === ";myDIV") {}} 
  x.style.fontSize = ";30px";
}

آزمایش کنید

مثال

وقتی کاربر روی تصویر کلیک می‌کند، مقدار خاصیت ";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>

آزمایش کنید

مثال

پیام‌ها را بر اساس ورودی کاربر نمایش دهید:

var letter = document.getElementById("myInput").value;
var text;
// اگر حرف ";c" باشد
if (letter === ";c") {
  text = ";Spot on! Good job!";
// اگر حرف ";b" یا ";d" باشد
} else if (letter === ";b" || letter === ";d") {
  text = ";Close, but not close enough.";
// اگر حرف دیگر باشد
} else {
  text = ";Waaay off..";
}

آزمایش کنید

مثال

ورودی داده‌ها را بررسی کنید:

var x, text;
// مقدار فیلد ورودی با شناسه ";numb" را دریافت کنید
x = document.getElementById("numb").value;
// اگر x عددی نباشد یا کمتر از 1 یا بیشتر از 10 باشد، ";input is not valid" چاپ شود
// اگر x عددی بین 1 تا 10 باشد، ";Input OK" را چاپ کنید
if (isNaN(x) || x < 1 || x > 10) {
  text = ";Input not valid";
} else {
  text = ";Input OK";
}

آزمایش کنید

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

جمله Chrome IE Firefox Safari Opera
if/else پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

آموزش JavaScript:جمله If...Else در JavaScript

آموزش JavaScript:جمله Switch در JavaScript