ການພົບ JavaScript if/else

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

ການພົບ if/else ດຳເນີນກິດຈະກຳກັບເງື່ອນໄຂທີ່ມີຄວາມຈິງ. ຖ້າເງື່ອນໄຂບໍ່ມີຄວາມຈິງ ຈະດຳເນີນກິດຈະກຳອີກບັນດາ.

ການພົບ if/else ແມ່ນສ່ວນໜຶ່ງຂອງການດຳເນີນກິດຈະກຳຂອງ JavaScript ທີ່ມີການດຳເນີນກິດຈະກຳຕາມເງື່ອນໄຂຫຼາຍຢ່າງ.

ໃນ JavaScript ພວກເຮົາມີສັນຍາວິດສະດີທີ່ຫຼາຍຢ່າງນີ້:

  • ນຳໃຊ້ if ເພື່ອການດຳເນີນກິດຈະກຳທີ່ຈະດຳເນີນຖ້າເງື່ອນໄຂມີຄວາມຈິງ:
  • ນຳໃຊ້ else ເພື່ອການດຳເນີນກິດຈະກຳທີ່ຈະດຳເນີນຖ້າເງື່ອນໄຂບໍ່ມີຄວາມຈິງ:
  • ຖ້າເງື່ອນໄຂທຳອິດບໍ່ມີຄວາມຈິງ ນຳໃຊ້ else if ເພື່ອກວດເງື່ອນໄຂໃໝ່ທີ່ຈະກວດ:
  • ນຳໃຊ້ switch ເພື່ອເລືອກກິດຈະກຳຂອງການດຳເນີນອີກບັນດາບັນດາ.

Example

ຖ້າເວລາປະຈຸບັນ (HOUR) ຕໍ່າກວ່າ 20:00 ຈະສະແດງ "Good day" ໃນບັນດາປ້າຍ id="demo":

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

ທ້າທາຍຄັດວ່າ

ມີຫຼາຍຄວາມນັບເອົາ TIY ໃນຕ່າງກ້ອງຫຼັງນີ້.

ສັນຍາວິດສະດີ

ການພົບ if ສະເພາະໃຊ້ການດຳເນີນກິດຈະກຳກັບເງື່ອນໄຂທີ່ມີຄວາມຈິງ:

if (condition) {
  // ກິດຈະກຳທີ່ຈະດຳເນີນຖ້າ condition ແມ່ນຕາມ
}

else 语句指定在条件为假时要执行的代码块：

if (condition) {
  // ກິດຈະກຳທີ່ຈະດຳເນີນຖ້າ condition ແມ່ນຕາມ
} else { 
  // ກິດຈະກຳທີ່ຈະດຳເນີນຖ້າ condition ແມ່ນຜິດ
}

ຖ້າcondition1 ແມ່ນຜິດຈະຈະປ່ຽນຄຳກຳນົດ else if ໃຫ້ມີຄຳກຳນົດໃໝ່:

if (condition1) {
  // ກິດຈະກຳທີ່ຈະດຳເນີນຖ້າ condition1 ແມ່ນຕາມ
} else if (condition2) {
  // ກິດຈະກຳທີ່ຈະດຳເນີນຖ້າ condition1 ແມ່ນຜິດ ແລະ condition2 ແມ່ນຕາມ
} else {
  // ກິດຈະກຳທີ່ຈະດຳເນີນຖ້າ condition1 ແມ່ນຜິດ ແລະ condition2 ແມ່ນຜິດ
}

ຄູ່ມູນ

ປະເພດ ການອະທິບາຍ
condition ຕ້ອງການຢ່າງຫນັງ. ຄຳປະກາດທີ່ຈະມີຜົນການປະກາດ true ຫຼື false.

ຂໍ້ມູນດ້ານເຕັກນິກ

ລະບົບ JavaScript ສະບັບ: ECMAScript 1

ຫຼັກການນຳໃຊ້ຫຼາຍກວ່າ:

Example

ຖ້າເວລາຕໍ່າ 20:00 ຈະສ້າງຄຳກຳນົດ "Good day" ຖ້າບໍ່ແມ່ນນັ້ນຈະສ້າງຄຳກຳນົດ "Good evening":

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

ທ້າທາຍຄັດວ່າ

Example

ຖ້າເວລາຕໍ່າ 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";
}

ທ້າທາຍຄັດວ່າ

Example

ຖ້າຄຳກຳນົດ id "myDIV" ຂອງ <div> ຄັ້ງທຳອິດ ໃນເອກະສານໄດ້ແມ່ນ "myDIV" ກໍ່ຈະປ່ຽນຂະໜາດຂອງມັນ:

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

ທ້າທາຍຄັດວ່າ

Example

When the user clicks the image, change the value of the source attribute (src) of the <img> element:

<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>

ທ້າທາຍຄັດວ່າ

Example

Display messages based on user input:

var letter = document.getElementById("myInput").value;
var text;
// If the letter is "c"
if (letter === "c") {
  text = "Spot on! Good job!";
// If the letter is "b" or "d"
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";
// If it is other letters
} else {
  text = "Waaay off..";
}

ທ້າທາຍຄັດວ່າ

Example

Verify input data:

var x, text;
// Get the value of the 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";
}

ທ້າທາຍຄັດວ່າ

ບັນຊີການສະໜັບສະໜູນ

ຄຳ Chrome IE Firefox Safari Opera
if/else 支持 支持 支持 支持 支持

相关页面

JavaScript 教程：JavaScript If...Else 语句

JavaScript 教程：JavaScript Switch ຄຳສັ່ງ