عبارات if/else در JavaScript

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

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

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

در JavaScript، ما عبارات شرطی زیر را داریم:

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

مثال

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

var time = new Date().getHours(); 
اگر وقت کم از 20:00 ہے تو "Good day" پیغام خوشامدگویی بنائیجئے، در غیر این صورت "Good evening" بنائیجئے:
  document.getElementById("demo").innerHTML = "Good day";
}

خود کا کوشش کریں

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

نحوه استفاده

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

اگر (}}وصف) {
  // شرط صحیح ہو جب تک کے لئے کوڈ کا بلاک جس کا نفاذ کیا جائے گا
}

else جملے میں شرط غلط ہونے پر نفاذ کئے جانے والا کوڈ کا بلاک مقرر کیجئے:

اگر شرط ہے تو {
  // شرط صحیح ہو جب تک کے لئے کوڈ کا بلاک جس کا نفاذ کیا جائے گا
} دیگر { 
  // شرط غلط ہو جب تک کے لئے کوڈ کا بلاک جس کا نفاذ کیا جائے گا
}

اگر پہلے شرط غلط ہے تو else if جملے میں ایک نئی شرط مقرر کیجئے:

اگر شرط1 ہے تو {
  // شرط1 صحیح ہو جب تک کے لئے کوڈ کا بلاک جس کا نفاذ کیا جائے گا
اگر شرط2 ہے تو {
  }
} دیگر {
  // شرط1 غلط ہو اور شرط2 صحیح ہو جب تک کے لئے کوڈ کا بلاک جس کا نفاذ کیا جائے گا
}

// شرط1 غلط ہو اور شرط2 غلط ہو جب تک کے لئے کوڈ کا بلاک جس کا نفاذ کیا جائے گا

پارامتر کا مطلب پارامتر
وصف شرط

لازم ہے۔ حاصل شدہ نتیجہ صحیح یا غلط کا نتیجہ دینے والا جملہ.

تکنیکی تفصیلات JavaScript کی نسخہ:

ECMAScript 1

مثال

مثال زائد

var time = new Date().getHours(); 
اگر وقت کم از 20:00 ہے تو "Good day" پیغام خوشامدگویی بنائیجئے، در غیر این صورت "Good evening" بنائیجئے:
  greeting = "Good day";
} دیگر {
  greeting = "Good evening";
}

خود کا کوشش کریں

مثال

اگر وقت کم از 10:00 ہے تو "Good morning" پیغام خوشامدگویی بنائیجئے، اگر نہ تو 20:00 تک وقت کم ہے تو "Good day" پیغام خوشامدگویی بنائیجئے، در غیر این صورت "Good evening" پیغام خوشامدگویی بنائیجئے:

var time = new Date().getHours(); 
اگر time کم از 10 ہے تو {
  greeting = "Good morning";
}
  greeting = "Good day";
} دیگر {
  greeting = "Good evening";
}

خود کا کوشش کریں

مثال

اگر پہلے <div> علامت کا id "myDIV" ہے تو اس کی فونٹ سائز بدل دیجئے:

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

خود کا کوشش کریں

مثال

عکس پر کلک کیا جبکم، <img> علامت کا src نمبر تبدیل کریں:

<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";
  } دیگر {
    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" ہے
} دیگر اگر letter === "b" یا letter === "d" {
  text = "Close, but not close enough.";
// اگر دیگر حروف ہیں
} دیگر {
  text = "Waaay off..";
}

خود کا کوشش کریں

مثال

داخل کی تفصیلات کی توثیق:

var x, text;
// id="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";
} دیگر {
  text = "Input OK";
}

خود کا کوشش کریں

بھرائی جانے والا مرورکر

جملات چروم آئی ای فائرفاکس سافری آپرا
if/else پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی

متعلقہ پیج

JavaScript تعلیم:JavaScript If...Else جملہ

JavaScript تعلیم:JavaScript Switch جملہ