简单基础案例

利用for循环输出1~100岁

    document.write(`${i}岁`)}

求1-100之间所有的偶数和

for (let i = 1; i <=100; i++) {
    (i%2===0)&&(sum+=i)}
document.write(sum)

页面中打印5个小星星

   document.write(`${i}✨`)}//对``的使用要注意,为了能够显示出数字和文字

思考:for循环和while循环的区别是什么?

当如果明确了循环的次数的时候推荐使用for循环 当不明确循环的次数的时候推荐使用while循环(比如那个ATM案例)

退出循环

continue(跳过)

案例,输出基数时的小星星

   if(i%2===0)
   continue
   document.write(`${i}✨`) }

break(stop)

案例,输出到第5星星个就停止

   if(i===6)
   break
   document.write(`${i}✨`) }

嵌套循环

案例:n天记n个单词

let  n=prompt('一天背几个')
for(let  i=1;i<=day;i++){
    document.write(` <br>第${i}天 <br>`)
    for (let num = 1; num <=n ; num++){
       document.write(` <br> 背的第${num}个单词<br>`)     
    }
}

案例:打印n行n列的星星

let   icol=prompt('想要几列')
for (let i = 1; i <=irow ; i++) {
    for(let n=1;n<=icol;n++){
        document.write(`✨`)
    }
    document.write(` <br>`)
}

案例

for  (let n=1;n<=i;n++){
    document.write(`✨`)
}
    document.write(`${i}<br>`)
}

倒过来的案例:

for(let  n=5;n>=i;n--){
    document.write(`✨`)
}
document.write(`<br>`)
}

案例:九九乘法表

for (let irow =1; irow <=9; irow++){
for(let  icol=1;icol<=irow;icol++)
{          let num = icol * irow;

    document.write(`<span>${icol}✖️${irow}=${num}</span>`)
}
document.write(`<br>`)
}
css:
 span{
            border: 1px solid #000;
            display: inline-block;
            padding: 3px;
            width: 100px;
            text-align: center;
        }