JavaScript 条件语句

吐槽君 分类:javascript

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务
在 JavaScript 中,我们可使用以下条件语句:

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

if 语句

只有当指定条件为 true 时,该语句才会执行代码

if (condition) {
    当条件为 true 时执行的代码
}
 
var time =10
if (time<20){
   console.log("Good day");
}
 

省略 { } 模式

function search(num) {
  if (num>90) return "成绩优秀"
  return "成绩不优秀"
}
console.log(search(100));


var time =10
if (time<20) console.log("Good day");
 

if...else 语句

请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码

if (condition) {
    当条件为 true 时执行的代码
} else {
    当条件不为 true 时执行的代码
}
 
if (1 > 2) {
  console.log("条件成立")
} else {
  console.log("条件不成立")
}


if (1 > 2) console.log("条件成立");
else console.log("条件不成立");
 

if...else if...else 语句

使用 if....else if...else 语句来选择多个代码块之一来执行

if (condition1) {
    当条件 1true 时执行的代码
} else if (condition2) {
    当条件 2true 时执行的代码
} else {
  当条件 1 和 条件 2 都不为 true 时执行的代码
}
 
var time = 8;
if (time<10) {
    console.log("早上好");
} else if (time>=12 && time<14) {
    console.log("中午好");
} else if (time>=14 && time<18) {
    console.log("下午好");
} else {
    console.log("晚上好>");
}



var time = 12;
if (time<12) console.log("早上好");
else if (time>=12 && time<14)console.log("中午好"); 
else if (time>=14 && time<18)console.log("下午好"); 
else  console.log("晚上好>");
 

switch 语句

请使用 switch 语句来选择要执行的多个代码块之一

switch(n) {
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1case 2 不同时执行的代码
}
 
var d=new Date().getDay(); 
switch (d) { 
  case 0: console.log("今天是星期日"); break; 
  case 1: console.log("今天是星期一"); break; 
  case 2: console.log("今天是星期二"); break; 
  case 3: console.log("今天是星期三"); break; 
  case 4: console.log("今天是星期四"); break; 
  case 5: console.log("今天是星期五"); break; 
  case 6: console.log("今天是星期六"); break; 
}

/*
今天是星期三
*/
 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>switch的简单用法</title>
</head>
</html>

<script>
  var str = prompt("输入数值")
  switch (str) {
    case "A": alert("优秀"); break;
    case "B": alert("良好"); break;
    case "C": alert("中"); break;
    case "D": alert("合格"); break;
    default: alert("不及格"); break;
  }
</script>
 

default 关键词

var d=new Date().getDay();
switch (d) {
    case 6:x="今天是星期六"; break;
    case 0:x="今天是星期日"; break;
    case 3:x="今天是星期日"; break;
    default: x="期待周末";
}
document.getElementById("demo").innerHTML=x;
 

缺失 break

如果是正确选项语句后缺失了break, 下一条语句无论真假都会运行, 知道后面遇到语句为break运行完后停止

var d=3 || new Date().getDay();  //d 运行的是3
switch (d) { 
  case 0: console.log("今天是星期日"); 
  case 1: console.log("今天是星期一"); 
  case 2: console.log("今天是星期二"); 
  case 3: console.log("今天是星期三"); 
  case 4: console.log("今天是星期四");
  case 5: console.log("今天是星期五"); break; 
  case 6: console.log("今天是星期六"); 
}

/* 
今天是星期三
今天是星期四
今天是星期五
*/
 

回复

我来回复
  • 暂无回复内容