JavaScript-循环嵌套&断点调试-笔记

1.do...while循环

do while语法结构：
? ? ? ? 循环初始值；
? ? ? ? do{
? ? ? ? ? ? ?//代码；
? ? ? ? ? ? ? 增量；
? ? ? ? ?}while(循环条件)；
? ?

? <script>

? ? ? ? // 输出十句 ： 你好世界
? ? ? ? var a = 1；
? ? ? ? do{
? ? ? ? ? ? ?console.log('你好世界');
? ? ? ? ? ? ?a++；
? ? ? ? }while(a<=10)；

</script>

<script>

? ? ? ? ? ?// 输出 1-20之间能被7整除的数
? ? ? ? ? ?var b = 1；
? ? ? ? ? ?do{
? ? ? ? ? ?if( b%7==0){
? ? ? ? ? ? ? ? ?console.log(b);
? ? ? ? ? ?}
? ? ? ? ? ?b++；
? ? ? ? ? ?}while(b<=20)；

</script>

2.for循环
? ? ?for(表达式1;表达式2;表达式3){
? ? ? ? ? ? ? ? ? ?表达式4；
? ? ?}
表达式1——循环初始值 表达式2——循环条件 表达式3——增量

执行过程：
1、先执行表达式1
2、判断表达式1是否满足表达式2： 满足就执行表达式4 否则停止循环
3、执行表达式3
4、继续判断是否满足表达式2

<script>
? ? ? ? ? ?// 循环输出十句 ： 你好世界
? ? ? ? ? ?for(var i=1;i<=10;i++){
? ? ? ? ? ? ? ? ?console.log('你好世界');
? ? ? ? ? ?}
</script>

3.for循环案例
???????????// 1、循环输出1-20之间能被3整除的数
???????????for(var i=1;i<=20;i++){
?????????????????if( i%3==0 ){
????????????????????console.log(i);
?????????????????}
????????????}
? ? ? ? ? // 2、循环输出1-5之间的所有数，在一行显示
? ? ? ? ? var str = ' '；
? ? ? ? ? for(var i=1;i<=5;i++){
? ? ? ? ? ? ? ?str = str+i+' '； // 字符串拼接
? ? ? ? ? ?}
? ? ? ? ? console.log(str);
? ? ? ? ?// 3、计算1-10之间数字的和
? ? ? ? ?var sum = 0；
? ? ? ? ?for(var i=1;i<=10;i++){
? ? ? ? ? ? ? ? sum += i；
? ? ? ? ?}
? ? ? ? ?console.log(sum);
? ? ? ? ?// 4、计算1-10之间偶数的和
? ? ? ? ?var a = 0；
? ? ? ? ?for(var i=1;i<=10;i++){
? ? ? ? ? ? if(i%2==0){
? ? ? ? ? ? ? ? a += i； // 求和
? ? ? ? ? ? ?}
? ? ? ? ? }
? ? ? ? ? console.log(a);
? ? ? ? // 5、统计1-20之间能被7整除的数 的个数
? ? ? ? var count = 0；
? ? ? ? for(var i=1;i<=20;i++){
? ? ? ? ? ? ?if( i%7==0 ){
? ? ? ? ? ? ? ? ? count++； // 个数加加
? ? ? ? ? ? ?}
? ? ? ? ?}
? ? ? ? ?console.log(count);

4.循环的嵌套

重复的操作使用循环

***
***
***
循环的嵌套： 外层循环表示行 内层循环表示列
var str = ' '；
for(var i=1;i<=3;i++){? // 外层循环表示行
? ? for(var j=1;j<=3;j++){? ?// 内层循环表示列
? ? ? ? ? str = str+'*'； // 重复输出*? 所以拼接*
? ? }
? ? // 在外层循环进行换行
? ? str = str+'\n'；
}
console.log(str);

*
**
***
var str = ' '；
for(var i=1;i<=3;i++){
? ? // 发现： 列小于等于行数 行i 列j j<=i
? ? for(var j=1;j<=i;j++){
? ? ? ? ? str = str+'*'；
? ? }
? ? str=str+'\n'；
}
console.log(str);

5.控制台输出九九乘法表
// 输出九九乘法表
var str = ' '；
for(var i=1;i<=9;i++){ // 外层表示行 1-9行
? ?for(var j=1;j<=i;j++){ // 内层表示列 列小于等于行 j<=i
? ? ? ? str = str + `${j}*${i}=${i*j} \t`； // 拼接上公式 拼接上空格 \t是四个空格
? ?}
? ?str = str+'\n'； // 换行
}
console.log(str);

6.break和continue
break 和 continue： 用于循环中
break： 结束循环
continue： ?跳过本次循环，继续执行下一轮

// 5个包子： 吃到3个的时候，发现有虫 —— 不再吃包子 break
for(var i=1;i<=5;i++){
? ? if(i==3){
? ? ? break；
}
console.log(`吃第${i}包子`);
}

// 5个包子： 吃到3个的时候，发现有虫 —— 不再吃这个包子，继续吃剩下的 continue
for (var i = 1; i <= 5; i++) {
? ? if (i == 3) {
? ? ? continue；
}
console.log(`吃第${i}包子`)；
}

7.死循环
// 死循环： 条件永远成立 while(true){}
// 注意：死循环一定要写一个可以结束的条件，否则程序会一直执行
// 编写程序： 用户可以无限次输入用户名，每输入一个名字就在弹窗输出 欢迎XXX
// 直到用户输入 Q的时候 停止程序
while(true){
? ? var uname = prompt('请输入用户名：')；
? ? // 如果用户输入的数据 == 'Q' 退出程序
? ? if( uname== 'Q'){
? ? ? ? ?break；
? ? }
? ? alert(`欢迎${uname}`)；
}