前端if和switch的使用和区别
2018-11-05 本文已影响0人
_Clown_
首先是if语句：
if (条件表达式1){ //条件判断
//n多语句1
}else if(条件表达式2){
//n多语句2
}else if(条件表达式3){
//n多语句3
}
else{
//n多语句n
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>if练习1</title>
<script type="text/javascript">
/*
从键盘输入小明的期末成绩:
当成绩为100时，'奖励一辆BMW'
当成绩为[80-99]时，'奖励一台iphone15s'
当成绩为[60-80]时，'奖励一本参考书'
其他时，什么奖励也没有
*/
/*
prompt()可以弹出一个提示框，该提示框中会带有一个文本框，
用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，该字符串将会作为提示框的提示文字
用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接收该内容
*/
//score就是小明的期末成绩
var score = prompt("请输入小明的期末成绩(0-100):");
//判断值是否合法
if(score > 100 || score < 0 || isNaN(score)){
alert("拉出去毙了~~~");
}else{
//根据score的值来决定给小明什么奖励
if(score == 100){
//奖励一台宝马
alert("宝马，拿去开~~~");
}else if(score >= 80){
//奖励一个手机
alert("手机，拿去玩~~~");
}else if(score >= 60){
//奖励一本参考书
alert("参考书，拿去看~~~");
}else{
alert("棍子一根~~");
}
}
</script>
</head>
<body>
</body>
</html>
if用于条件判断，具有范围性，可用于对输入数据进行限制
这是switch语句：
switch (表达式){ //表达式通常为变量，对case的语句进行匹配
case 情况1: //这里为冒号不是分号
n多语句;
break; //跳出switch语句
case 情况2:
n多语句;
break;
...
...
default:
n多语句;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch练习2</title>
<script type="text/javascript">
/*
* 从键盘接收整数参数，如果该数为1-7，打印对应的星期，否则打印非法参数。
*/
var week = +prompt("请输入1-7之间的一个整数:");
switch(week){
case 1:
alert('星期一');
break;//结束整个switch语句
case 2:
alert('星期二');
break;
case 3:
alert('星期三');
break;
case 4:
alert('星期四');
break;
case 5:
alert('星期五');
break;
case 6:
alert('星期六');
break;
case 7:
alert('星期日');
break;
default:
alert('不合法');
break;
}
</script>
<body>
</body>
</html>
