js基础之流程控制语句
目录
一、switch语句
语法结构
执行过程
案例
1、输入星期练习
二、while循环
语法结构
案例
1、计算1+2+...+100的和
2、计算1-100所有是5的倍数的和
3、求5的阶乘 ，5!=1*2*3*4*5
4、求1-2+3-4+5-6+7+...-100 的和
5、打印正方形排列的苹果
6.打印直角三角形排列的香蕉
7、打印类似等腰三角形的*
三、do while 循环
语法结构
do-while与while区别:
案例
打印类似等腰三角形的*
四、for循环
语法结构
执行过程：
案例
1、在页面输出1-10
2、 打印0-20之间的整数,将每个数输出到控制台
3、计算1-1000之间的累加和，并且打印输出到页面中
4、页面依次打印100-200之间,可以被6整除的数字
5、用户输入一个数，计算1到这个数的累加和**
五、break与continue的区别
案例
打印1-15 是5的倍数不打印
一、switch语句
语法结构
switch (表达式) {
case 值:
语句;
break;
case 值:
语句;
break;
....
default:
语句;
break
}
执行过程
1 先计算表达式值
2 去找对应匹配(严格等于)的case,找到的话，执行该case冒号后面的语句，遇到break结束 或 遇到 }
找不到匹配的case，则执行default，遇到break结束或遇到}
案例
1、输入星期练习
题目描述:
请用户输入1个星期数.就将对应的英文的星期打印出来.
- 比如用户输入'星期一'，则页面可以打印monday
- 英文自己查有道。比如星期一是monday星期二是tuesday8
let number=prompt('请输入1~7之间数字')
switch(number){
case '1':
console.log('monday')
break
case '2':
console.log('tuesday')
break
case '3':
console.log('wednesday')
break
case '4':
console.log('thursday')
break
case '5':
console.log('friday')
break
case '6':
console.log('saturday')
break
case '7':
console.log('sunday')
break
default:
alert('输错了，不在范围之内')
break
}
二、while循环
语法结构
while(条件) {
条件成立时候执行的逻辑
}
案例
1、计算1+2+...+100的和
let sum=0
let k=1
while(k<=100){
sum=sum+k
k++
}
console.log(sum) //50502、计算1-100所有是5的倍数的和
let sum=0
let k=1
while(k<=100){
if(k%5===0){
sum=sum+k
}
k++
}
console.log(sum)//10503、求5的阶乘 ，5!=1*2*3*4*5
let sum = 1
let k = 1
while (k <= 5) {
sum = sum * k
k++
}
console.log(sum)//1204、求1-2+3-4+5-6+7+...-100 的和
let sum = 0
let k = 1
let flag = 1
while (k <= 100) {
sum = sum + k * flag
flag = -flag
k++
}
console.log(sum) //-505、打印正方形排列的苹果
let i=1
while(i<=5){
document.write('
')
i++
}
6.打印直角三角形排列的香蕉
let i=1
while(i<=5){
let j=1
while(j<=i){
document.write('')
j++
}
document.write('
')
i++
}
7、打印类似等腰三角形的*
let i=1
while(i<=5){
let j=1
while(j<=5-i){ //打印每行空格数
document.write(' ')
j++
}
let k=1
while(k<=2*i-1){// 打印每行星星个数
document.write('*')
k++
}
document.write('
')
i++ //行数
}
三、do while 循环
语法结构
do {
循环体
}while(条件)
do-while与while区别:
do-while至少会执行循环体一次
while用的多点，do-while用的比较少，在特定场景会使用
案例
打印类似等腰三角形的*
let i = 1//行数
do { //打印若干个空格 i=1 4个空格 i=2 3个空格
let j = 1
while (j <= 5 - i) {
document.write(' ')
j++
}
// 再打印若干个*
// i=1 1个* i=2 3个* i=3 5个*
let k = 1
while (k <= 2 * i - 1) {
document.write('*')
k++
}
document.write('
')
i++
} while (i <= 5)
四、for循环
语法结构
for(表达式 1;表达式2;表达式3) {
// 循环体
}
// 表达式 1 -> 变量初始化
// 表达式2 -> 循环条件
// 表达式3 -> 改变循环变量
执行过程：
1. 先执行表达式1
2. 执行表达式2，表达式2的结果是true,则执行循环体
3. 循环体执行完毕,执行表达式3，然后再回到第二步
案例
1、在页面输出1-10
for (let i = 1; i <= 10; i++) {
document.write(i + '
')
}2、 打印0-20之间的整数,将每个数输出到控制台
for(let i=0;i<=20;i++){
console.log(`${i}`)
}3、计算1-1000之间的累加和，并且打印输出到页面中
let sum=0
for(let i=1;i<=1000;i++){
sum+=i
}
console.log(sum)4、页面依次打印100-200之间,可以被6整除的数字
for(let i=100;i<=200;i++){
if(i%6===0){
console.log(i)
}
}5、用户输入一个数，计算1到这个数的累加和**
- 比如用户输入的是5，则计算1~5之间的累加和
- 比如用户输入的是10，则计算1~10之间的累加和
-
let num=+prompt('请输入一个数') let sum=0 for(let i=1;i<=num;i++){ sum+=i } console.log(sum)
五、break与continue的区别
break是结束整个循环，continue是跳出当前循环，继续执行下个循环
案例
打印1-15 是5的倍数不打印
for (let i = 1; i <= 15; i++) {
if (i % 5 === 0) {
continue
}
console.log(i)
}