JavaScript- if...else、switch 条件判断语句的使用详解

if条件判断语句

条件成立，执行什么代码；条件不成立，执行什么代码

结构一：只判断真(true)，条件为假，什么也不做

if(isTrue) {
	代码块
}

isTrue 用于条件判断，一般是一个结果为布尔值的表达式；结果为真时执行内部的代码块，否则代码块不执行

示例：

var age = 20;
// 条件成立会执行内部的代码块
if(age >= 18) {
	window.alert('小伙子，可以看这电影了，嘿嘿嘿！');
}

结构二：既判断真，也判断假

if(isTrue) {
	条件为真时，执行的代码块
} else {
	条件为假时，执行的代码块
}

示例：

var age = 15;
// 条件为真
if(age >= 18){
	// 这里的代码会执行
	window.alert('小伙子，可以看这电影了，嘿嘿嘿！');
} else { // 条件为假时执行的代码
	window.alert('18禁！');
}

结构三：多条件判断

if(isTRue1){
	代码块1;
} else if (isTrue2) {
	代码块2;
} else if (isTrue3) {
	代码块3;
} else {
	如果以上条件都不成立，则执行这里代码;
}

注意：虽然有多个条件，但各条件之间是"或"的关系。每时每刻，只能有一个条件成立，不能同时满足多个条件。

扩展：当执行的代码只有一句时大括号"{}"可以省略。

示例：

var grade = window.prompt('请输入你的成绩：');
grade = parseFloat(grade);

if(grade >= 90){
	document.write('优秀');
} else if(grade >= 80) {
	document.write('良好');
} else if(grade >= 70) {
	document.write('中等');
} else if(grade >= 60) {
	document.write('及格');
} else if(grade >= 0) {
	document.write('不及格');
} else {
	window.alert('输入错误！');
}

switch分支语句

描述：根据一个变量的不同取值，来执行不同的代码。

语法结构：

switch(变量){
	case 值1:
		代码1;
		break;
	case 值2:
		代码2;
		break;
	case 值3:
		代码3;
		break;
	default:
		如果以上条件都不满足，则执行该代码;
}

switch结构说明：

• switch(转换)、case(情况)、break(打破)、default(默认值)都是系统关键字，都必须全小写。

• switch 后的小括号()：小括号内一般是一个变量名，这个变量可能会有不同的取值。

• 每个 case 的值，与变量的值进行比对，如果一致就执行该 case 后的代码。

• 所有的 case 都是"或"的关系，每时每刻只有一个 case 会满足条件。

• 每个 case 中的代码执行完毕后，必须要用 break 语句结束，结束之后，程序将跳到 switch 结束大括号之后运行。

• 如果不写 break 语句的话，下面所有的 case 语句都会执行一遍。

示例：

var today= prompt("请输入一个星期的数字");
switch (today) {
	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;
	case "7":
	   console.log("星期日");
	   break;
	default:
	   console.log("您输入有误");
}