流程控制
在任何一门程序设计语言中,都需要支持满足程序结构 化所需要的三种流程控制:
-
顺序控制
-
分支控制(条件控制)
-
循环控制
顺序控制:在程序流程控制中,最基本的就是顺序控制。程序会按照自上而下的顺序执行。
if语句【重要】
分类:单分支,双分支,多分支,分支嵌套
()只能是变量或值,不能是表达式
示例:
// 单分支
if (条件表达式){
代码段
}
// 双分支
if (条件表达式) {
代码段1
}else {
代码段2
}
// 多分支
if (条件表达式1){
代码段1
} else if (条件表达式2){
代码段2
} else if (条件表达式3){
代码段3
}else{
代码段4
}
Switch语句
()只能是变量或值,不能是表达式
var d = new Date();
console.log(d); // 获取日期时间对象
var week = d.getDay(); // 获取星期几
switch (week) {
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;
}
if语句和switch的不同
if:条件是一个范围 或者 是具体的值
switch:条件是一个具体的值
循环控制语句
while语句【掌握】
While 循环会在指定条件为真时循环执行代码块。 While循环,先进行条件判断,再执行循环体的代码
while (条件表达式){
循环体
}
注意:当前循环中,如果不满足条件,一次都不会执行
var i=1;
do{
i++; // 2
console.log(i);
}while(i<=10)
do......while
do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。 do while循环,先执行循环体代码,再进行条件判断。至少执行一次循环体的代码。
do {
代码段
} while (条件表达式)
注意:当前循环中,代码至少执行一次
var i=1;
do{
i++; // 2
console.log(i);
}while(i<=10)
for循环【重要】
for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) {
循环体
}
注意:
-
循环变量可以定义在for 循环结构体外
-
没有更新循环变量会变成死循环
-
循环条件中的‘;’不能省略
案例:循环输出5个div标签
for(var i=0;i<5;i++){
document.write('<div>1</div>')
}
案例:循环输出table表格,创建四行5列的表格
document.write('<table border="1">')
for(var j=1;j<=4;j++){
document.write('<tr>')
for(var i=0;i<=3;i++){
document.write('<td>@</td>');
}
document.write('</tr>')
}
document.write('</table>')
案例:实现阶梯效果图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: green;
width: 50px;
height: 50px;
margin: 0.05rem;
display: inline-block;
}
</style>
</head>
<body>
</body>
<script>
for( row = 0 ; row < 6 ;row++){
for( col = 0; col <6-row ; col=col+1 ){
document.write('<div>*</div>')
}
document.write('<br>')
}
</script>
</html>
for...in
for (变量 in 对象) {
代码段
}
-
for...in 语句用来遍历对象的每一个属性。每次都将属性名作为字符串保存在变量里
-
在无法预知对象的任何信息,和循环次数的时候使用
-
跳转语句
continue
continue语句只能应用在循环中(while、do......while、for)语句中 用于中止本次循环,根据控制表达式还允许继续进行下一次循环。
var iNum = 0;
for (var i=1; i<10; i++) {
if (i % 5 == 0) {
document.write(i);
continue;
}
iNum++;
}
alert(iNum);
break
break语句只能应用在循环(while、do......while、for)或switch语句中 break语句用于退出循环,阻止再次反复执行任何代码或者退出一个switch语句
for (var i=1; i<10; i++) {
if (i % 5 == 0) {
break;
}
iNum++;
}
alert(iNum);
标签:语句,控制,console,流程,JS,break,while,循环,表达式
From: https://blog.csdn.net/zzjwyck/article/details/141996505