大家知道代码一般是逐条加载执行的，但是在实际开发中，我们需要在特定区域按照我们的需求来执行代码，这个时候就产生了流程控制和循环
条件语句——if & switch
- if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
- if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
- if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
- switch 语句 - 使用该语句来选择多个代码块之一来执行
实例
- if
如果时间小于 10:00，则生成问候 "Good morning"，如果时间大于 10:00 小于 20:00，则生成问候 "Good day"，否则生成问候 "Good evening"：
if (time<10)
{
document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
document.write("<b>今天好</b>");
}
else
{
document.write("<b>晚上好!</b>");
}
#结果
今天好
- switch
显示今天的星期名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等：
var d=new Date().getDay();
switch (d)
{
case 0:x="今天是星期日";
break;
case 1:x="今天是星期一";
break;
case 2:x="今天是星期二";
break;
case 3:x="今天是星期三";
break;
case 4:x="今天是星期四";
break;
case 5:x="今天是星期五";
break;
case 6:x="今天是星期六";
break;
}
#输出
今天是星期四
- 可以使用default 关键词来规定匹配不存在时做的事情，例如：
var d=new Date().getDay();
switch (d)
{
case 6:x="今天是星期六";
break;
case 0:x="今天是星期日";
break;
default:
x="期待周末";
}
document.getElementById("demo").innerHTML=x;
#输出
期待周末
循环
js里的循环和大多程序语言一样，for 、 while 、 do...while，用法也是类似的，简单用案例展示用法吧：
- while循环
#提示用户输入一个正整数n， 计算1 + 2 + 3 + ...n的和
// 1.定义变量保存上一次的和
var sum = 0;
// 2.定义变量保存递增的数
var number = 1;
while (number <= 5) {
console.log("sum = "+ sum +" + number = "+ number);
sum = sum + number;
number++;
}
console.log("sum = " + sum);
- for循环
#for循环嵌套实现:打印99乘法表
<html>
<style>
span{
display: inline-block;
border: 1px solid #000;
padding: 10px;
}
</style>
<script>
/*
1.观察发现有很多行很多列--》循环嵌套
2.尖尖朝上，让内循环条件表达式随着外循环i改变
3.输出的结果等于 内循环的变量 * 外循环的变量
*/
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
document.write("<span>"+j+"*"+i+"="+i*j+"</span>");
}
window.document.write("<br/>");
}
</script>
</html>
image.png
- do...while:
do {
语句1;
语句2;
....
} while ( 条件 );
执行流程
首先会执行一次循环体中的语句
接着判断while中的条件表达式是否为真，如果为真再次执行循环体中的语句
重复上述过程，直到条件不成立就结束while循环
注意：
- 开发中慎用死循环, 会导致程序阻塞
- break和continue都用于跳出循环，不同的是break跳出整个循环，continue仅跳出此次循环
- break关键字只能用于循环语句和switch语句, 在其它地方没有意义
- for循环常用于循环次数已经确定的情况
- 一般情况下while和for可以互换, 但是如果循环执行完毕之后就不需要使用用于控制循环的增量, 那么用for更好
网友评论