0.前言
上一章主要写了一些基础语法,命名规范等,但是只有这些明显是不够的,也无法实现我们自己想要的结果,今天来主要说一些在前端开发中经常用到的判断语句:
- if 语句;
- if-else语句;
- if-else if-else语句;
- switch语句;
- while语句;
这些语句为<strong>流程控制语句</strong>,正常情况下代码是自上而下一句一句的执行,但是有些语句可以改变执行的顺序,这种语句被称为流程控制语句
1.正文
(1)if 语句
<strong>格式:</strong>
if(表达式){
语句;
}
<strong>逻辑:</strong>
当程序执行到if语句时,首先计算小括号中的“表达式”,如果"表达式"的值为真则执行大括号中的"语句"。如果"表达式"的值为假,则跳过整个if()语句继续向下执行。
var num = parseInt(prompt("请输入一个整数"));
if (num % 2 == 0) {
console.log("我是偶数");
if (1) {
console.log("可以嵌套,嵌套不要超过6层,一般也就3层");
}
}
(2)if - else 语句
<strong>格式:</strong>
if(表达式){
语句1
}else{
语句2
}
<strong>逻辑:</strong>当程序执行到if-else语句时,首先计算小括号中"表达式"的值。如果"表达式"的值为真则执行"语句1",执行完"语句1"就结束整个if-else语句继续向下执行。如果"表达式"的值为假,则不执行"语句1"而执行"语句2"。
<strong>案例</strong>
if (0) {
console.log("****");
} else {
console.log("&&&&");
}
(3)if - else - if 语句
<strong>格式:</strong>
if(表达式1){
语句1
}else if(表达式2){
语句2
}else if(表达式3){
语句3
}
...
else if(表达式n){
语句n
}else {
语句e
}
注意:最后的else可有可无
<strong>逻辑:</strong>当程序执行到if-else-if语句时,首先计算"表达式1"的值。如果"表达式1"的值为真,则执行"语句1",执行完"语句1"跳出整个if-else-if语句继续向下执行。如果"表达式1"的值为假,计算"表达式2"的值。如果"表达式2"的值为真,则执行"语句2",执行完"语句2"跳出整个if-else-if语句继续向下执行。如果"表达式2"的值为假,则计算"表达式3"的值。直到某一个表达式为真则执行对应的语句。如果没有真的表达式且有最后的else,则执行"语句e"。
<strong>特点:</strong>
(1)每一个else语句都是对它上面所有表达式的否定
(2)相对于if语句,效率更高。
<strong>案例:</strong>
var age = parseInt(prompt("请输入年龄"));
if (age < 0) {
console.log("输入有误");
}
// else if (age >= 0 && age <= 3) {
else if (age <= 3) {
console.log("婴儿");
}
// else if (age >= 4 && age <= 8) {
else if (age <= 8) {
console.log("少儿");
}
// else if (age >= 9 && age <= 18) {
else if (age <= 18) {
console.log("少年");
}
// else if (age >= 19 && age <= 25) {
else if (age <= 25) {
console.log("青年");
}
// else if (age >= 26 && age <= 40) {
else if (age <= 40) {
console.log("壮年");
}
// else if (age <= 50 && age >= 41 ) {
else if (age <= 50) {
console.log("中年");
}
// else if (age >= 51 && age <= 150) {
else if (age <= 150) {
console.log("老年");
}
else {
console.log("妖精");
}
(4)switch 语句
<strong>格式:</strong>
switch (表达式) {
case 标号1:
语句1
case 标号2:
语句2
case 标号3:
语句3
……
case 标号n:
语句n
default:
语句d
}
注意:default可有可无
<strong>逻辑:</strong>当程序执行到switch语句时首先计算"表达式"的值,能匹配到哪个标号就跳到对应标号处继续向下执行,如果没有匹配的标号且有default,跳到default处继续向下执行。
break:专门用来跳出switch语句和循环语句的.
案例:
var str = prompt();
switch (str) {
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("输入有误");
}
(5)while 语句
<strong>格式:</strong>
while (表达式){
语句;
}
逻辑:当程序执行到while语句时,首先计算“表达式”的值。如果"表达式"的值为假,结束整个while语句继续向下执行。如果"表达式"的值为真,执行"语句"。执行完"语句",再去计算"表达式"的值。如果"表达式"的值为假,则结束整个while语句继续向下执行。如果"表达式"的值还为真,执行"语句"。如此循环往复,直到遇到"表达式"的值为假才停止。
var num = 1;
while (num <= 3) {
console.log(num);
num++;
}
3.总结
上面这五种判断语句时做开发是会经常用到的判断语句,一口气写了这么多,累死我了,希望大家能够多多打赏!!!!