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