Mga JavaScript if/else sentence

Pagsasaayos at paggamit

Ang if/else sentence ay nagpapalakad ng block ng code kapag ang tinukoy na kondisyon ay totoo. Kapag ang kondisyon ay maliit, maaari ring magsagawa ng ibang block ng code.

Ang if/else sentence ay bahagi ng "kondisyon" na parte ng JavaScript, na ginagamit upang magsagawa ng iba't ibang operasyon batay sa iba't ibang kondisyon.

Sa JavaScript, mayroon kaming mga pangkondisyon na talataas ng ganito:

  • Gamitin ang if upang tukuyin ang block ng code na dapat magsasagawa kapag ang tinukoy na kondisyon ay totoo
  • Gamitin ang else upang tukuyin ang block ng code na dapat magsasagawa kapag ang parehong kondisyon ay maliit
  • Kung ang unang kondisyon ay maliit, gamitin ang else if upang tukuyin ang bagong kondisyon na dapat testin
  • Gamitin ang switch upang piliin ang isa sa maraming block ng code na dapat magsasagawa

实例

Kung ang kasalukuyang oras (HOUR) ay mas mababa sa 20:00, i-output sa elemento na may id="demo" ang "Good day":

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

亲自试一试

May mas maraming halimbawa ng TIY sa ibaba ng pahina.

Mga syntax

Ang if sentence ay nagtutukoy sa block ng code na dapat magsasagawa kapag ang kondisyon ay totoo:

if (condition) {
  // block ng code na dapat maisagawa kung ang condition ay totoo
}

Ang else sentence ay tinatawag ng code block na dapat maisagawa kapag ang condition ay mali:

if (condition) {
  // block ng code na dapat maisagawa kung ang condition ay totoo
} else { 
  // block ng code na dapat maisagawa kung ang condition ay mali
}

Kung ang unang kondisyon ay mali, ang else if sentence ay tinatawag ng isang bagong kondisyon:

if (condition1) {
  // block ng code na dapat maisagawa kung ang condition1 ay totoo
} else if (condition2) {
  // block ng code na dapat maisagawa kung ang condition1 ay mali at condition2 ay totoo
} else {
  // block ng code na dapat maisagawa kung ang condition1 ay mali at condition2 ay mali
}

Halaga ng Parameter

Parameter Paglalarawan
condition Mga kinakailangan. Ang resulta ng pagkalkula ay true o false na ekspresyon.

Detalye ng Teknolohiya

Versyon ng JavaScript: ECMAScript 1

Higit pang mga halimbawa

实例

Kung ang oras ay mas mababa sa 20:00, gumawa ng isang "Good day" pagbati, kung hindi pa rin, gumawa ng isang "Good evening":

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

亲自试一试

实例

Kung ang oras ay mas mababa sa 10:00, gumawa ng isang "Good morning" pagbati, kung hindi pero ang oras ay mas mababa sa 20:00, gumawa ng isang "Good day" pagbati, kung hindi pa rin, gumawa ng isang "Good evening":

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

亲自试一试

实例

Kung ang id ng unang <div> elemento ng dokumento ay "myDIV", ay palitan ang laki ng font nito:

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";
  } 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;
// 获取 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";
} else {
  text = "Input OK";
}

亲自试一试

浏览器支持

语句 Chrome IE Firefox Safari Opera
if/else Support Support Support Support Support

Related Pages

JavaScript Tutorial:JavaScript If...Else Salita

JavaScript Tutorial:JavaScript Switch Salita