js 循环-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_57985616/article/details/130306931

文章详细介绍了JavaScript中的for、while和do/while循环的语法及使用，包括100以内7的倍数之和、循环周期、双层循环的应用（如绘制不同形状的星形图案）以及使用break和continue的99乘法表。通过实例展示了循环在程序设计中的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.For 循环

for 循环是您在希望创建循环时常会用到的工具。

下面是 for 循环的语法：

for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}

语句 1 （代码块）开始前执行

语句 2 定义运行循环（代码块）的条件

语句 3 在循环（代码块）已被执行之后执行

2.while 循环

while 循环会在指定条件为真时循环执行代码块。

语法

while (条件)
{
需要执行的代码
}

3.do/while 循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

语法

do
{
需要执行的代码
}
while (条件);{

}

练习 100 以内 7的倍数的和

和---累加模型 ★★★★★

// 第一步 : 找出 100 以内 7的倍数

//第二步 : 给他们加起来

var sum=0;

for (let i = 0; i <=100; i++) {

if (i%7===0) {

sum+=i;

}

}

alert(sum);

4.循环周期（每4个数换行）

//获取100-200之中 3 或 7的倍数 ,每四个数一行

循环周期---计数器模型★★★★★

var count=0;

//获取100-200所有数

for (let i = 100; i <= 200; i++) {

// 3 or 7 倍数

if(i%3===0 || i%7===0 ){

document.write(i+" ");

// 计数器每循环一次计数器就+1；

count++;

if(count%4===0){

document.write(" ")

}

}

}

5.双层循环

// 双层循环应用1

//写一个 5行 6列的星星★

for (let row = 1; row <= 5; row++) {

for (let column = 1; column <= 6; column++) {

document.write("★" + " ")

}

document.write(" ")

}

// 双层循环应用2

//直角三角形

for (let row = 1; row <= 5; row++) {

for (let column = 1; column <= row; column++) {

document.write("★" + " ")

}

document.write(" ")

}

// 双层循环应用3

//倒三角

for (let row = 1; row <= 5; row++) {

// 1 2 3 4 5 →5 4 3 2 1

for (let column = 1; column <= 6 - row; column++) {

document.write("★" + " ")

}

document.write(" ")

}

// 双层循环应用4

// 打印等腰三角形

for (let row = 1; row <= 5; row++) {

//打印空格----实际就是打印到-> 反三角型

for (let space = 1; space <= 5 - row; space++) {

document.write("&emsp;")

}

for (let column = 1; column <= 2 * row - 1; column++) {

document.write("★" + " ")

}

document.write(" ")

}

// 双层循环应用5

//打印空心菱形

// 思路:打印一个等腰打印一个倒等腰 ,在column 里面加一个条件判断

for (let row = 1; row <= 5; row++) {

//打印空格----实际就是打印到-> 反三角型

for (let space = 1; space <= 5 - row; space++) {

document.write("&emsp;")

}

for (let column = 1; column <= 2 * row - 1; column++) {

//打印空心

// column=1就是第一位 ,column =2*row-1就是最后一位

if (column===1 || column===2*row-1) {

document.write("★")

}else{

document.write("☆")

}

}

document.write(" ")

}

6.循环关键字

break coutinue

练习 99乘法表

// 99乘法表

for (let row = 1; row <=9; row++) {

for (let column = 1; column <=row; column++) {

document.write(row+"x"+column+"=" +row*column+" ")

}

document.write(" ")

}