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

发布时间:2024年01月08日

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}`);
}

文章来源:https://blog.csdn.net/pinbodeshaonian/article/details/135448555
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。