06-JavaScript的流控制语句
JavaScript的流控制语句主要分为三大类：
- 顺序控制：因为JS是一门解释性语言，所以从上至下按顺序依次执行
- 分支控制：主要分为if条件语句和swith开关语句
- 循环控制：主要分为for循环语句、while循环语句、do-while循环语句
1.分支控制
1.1if条件语句
1- 单分支
结构：
if(条件表达式){
语句;
}
例：
// 单分支
var a = 5;
if (a >= 5){
console.log(a);
}
2- 双分支
结构：
if(条件表达式){
语句;
}else{
语句;
}
例：
// 双分支
var sex = window.prompt('请输入性别');
if (sex == '男'){
console.log('你是一个帅哥');
}else{
console.log('你是一个美女');
}
3- 多分支
注意：多分支，找到一个入口后，后面的都不判断了。
强调：一旦找到一个满足条件的入口，执行完毕后，就直接结束整个多分支。
结构：
if(条件表达式1){
//执行
}else if(条件表达式2){
//执行
}else if…{
//可以有多个else if
}else{
//可以没有
}
例：
// 猜年龄游戏
age = prompt('请输入年龄');
age = Number(age);
if (age < 30){
console.log('你输入的年龄太小了，请往大猜。');
}else if(age > 30){
console.log('你输入的年龄太大了，请往小猜。');
}else{
console.log('恭喜，你猜对了！');
}
4- 逻辑与-&&、逻辑或||
逻辑与&&
// 逻辑与&&
var a = 200;
if (a<400 && a > 50){
console.log('这是我需要的数字');
}
逻辑或||
// 逻辑或||
var a = 200;
if (a % 4 == 0 || a % 100 == 0){
console.log('这是我需要的数字');
}
1.2swith开关语句
注意：case有几个都行，case后面接的是一个值而不是一个条件表达式（类似shell的case），default可以没有。当case1~n都不满足的时候，则default。default并不一定要在最后。break的作用是满足条件跳出整个switch语句
结构：
switch(条件表达式){
case 常量1:
语句; break;
case 常量2:
语句; break;
…
case 常量n:
语句; break;
default:
语句;
}
例：
// 星期分析
var day = new Date().getDay()
switch(day){
case 0:
console.log(day + '--' + 'Sunday');
break;
case 1:
console.log(day + '--' + 'Monday');
break;
case 2:
console.log(day + '--' + 'Tuesday');
break;
case 3:
console.log(day + '--' + 'Wednesday');
break;
case 4:
console.log(day + '--' + 'Thursday');
break;
case 5:
console.log(day + '--' + 'Friday');
break;
case 6:
console.log(day + '--' + 'Saturday');
break;
}
2.循环控制
2.1for循环语句
结构：
for循环
for(循环初值;循环条件;步长){
语句; //循环体
}
例：
// for循环
for (i=0;i<=5;i++){
console.log(i);
}
2.2while循环语句
说明：while循环是先判断再执行语句
结构：
while(循环条件){
语句; //循环体
}
例：
// while循环
var i = 0
while (i<=5){
console.log(i);
i++;
}
2.3do-while循环语句
说明：do-while循环是先执行，再判断。
结构：
do{
语句;//循环体
}while(循环条件);
例：
// do-while循环
var i = 0;
do{
console.log(i);
i++;
}while(i<=5);
2.4 循环控制练习
练习1：将1-100所有是2的倍数再控制台中打印。使用while循环编写
// 将1-100所有是2的倍数再控制台中打印。使用while循环编写
var i = 1;
while (i<=100){
if (i%2==0){
console.log(i);
}
i++;
}
练习2：将1-100所有是2的倍数再控制台中打印。使用for循环编写
// 将1-100所有是2的倍数再控制台中打印。使用for循环编写
for (i=1;i<=100;i++){
if (i%2==0){
console.log(i);
}
}
练习3：求1-100之间所有数的和
// 求1-100之间所有数的和
// for循环
var i = 1, sum =0;
while (i<=100){
sum += i;
i++;
}
console.log(sum); // while循环
var sum = 0;
for (i=1;i<=100;i++){
sum += i;
}
console.log(sum);
练习4：在浏览器中输出直角三角形
// 练习4：在浏览器中输出直角三角形
width = prompt('请输入直角三角形的长')
for (i=1;i<=width;i++){
for (j=1;j<=i;j++){
document.write('*');
}
document.write('<br>');
}
练习5：等腰锐角三角形
// 练习5：等腰锐角三角形
for(var i=1;i<=6;i++){ //行数 //控制我们的空格数
for(var s=i;s<6;s++){
document.write(' ');
} for(var j=1;j<=2*i-1;j++){
document.write('*');
}
document.write('<br>');
}