前端 —— JavaScript 基础篇（5--- for、while 循环控制语句）

最新推荐文章于 2023-06-18 17:00:00 发布

原创最新推荐文章于 2023-06-18 17:00:00 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

JavaScript 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了JavaScript中的循环控制语句，包括for、while和do-while循环。通过实例展示了如何使用这些循环来执行重复任务，如打印数字序列或计算累加和。强调了for循环适用于已知循环次数的情况，而while循环适用于循环次数不确定的情况。

这一章介绍循环语句。
循环：假如需要运行代码多次，且每次使用不同的值，那么循环语句就相当方便使用。
比如：我们要在控制台中打印从1~100的数字，按照之前的写法需要写100次 console.log(1)；很麻烦的
这时我们就可以利用循环来写啦！

for 循环：

for 循环的语法：

for (表达式 1; 表达式 2; 表达式 3) {
    //循环体
}

表达式 1：循环的初始值；通常，来初始化循环中所使用的的变量值从0开始（var i = 0）。
表达式 2：循环的范围即循环的条件 i<5。
表达式 3：循环的方式（递增 i++ / 递减 i–）。会在循环（代码块）每次被执行后执行。
一个表达式结束以“;”分号结束。
“;”号之间的条件表达式是一个关系表达式，其为循环的正式开端，当条件表达式成立时执行中间循环体。

实例：在控制台中打印从1~5的数字

//1+2+3...+100  5050;
for (i = 1; i <= 5; i++) {
    console.log(i)
} //输出结果为  1 2 3 4 5

实例2：在控制台打印出1+2+3…+100 = 5050

//1+2+3...+100  5050;
		var sum =0;
		for (var i = 1; i <= 100 ; i++) {
			sum = sum + i;
			//sum += i;
		}
		console.log("从1+到100的结果为"+ sum);//结果为 5050

for循环执行的顺序：

1、执行表达式1；
2、实行表达式2，符合条件（为真）则执行第3步
3、执行循环体；
4、执行表达式3；
5、再次执行第2步
6、直到表达式2的条件不成立时结束。

while 循环

while 循环会一直循环代码块，只要指定的条件为 true。
语法：

while (条件) {
    // 循环体 
}

实例：下面的例子中，循环中的代码将运行，一遍又一遍，只要变量（i）小于等于 10

var i=1;
while(i<=10){
	console.log(i);
	i++
}

如果忘了对条件中使用的变量进行递增，那么循环永不会结束。这会导致浏览器崩溃

Do-While 循环

do-while 循环是 while 循环的变体。先执行循环体，再判断条件，为真继续循环，为假就结束循环。

语法：

do {
   //循环体 
}

while (条件);

while 循环：可能一次也不执行
Do-While 循环：至少循环一次

for循环和while循环两种方法可以替换使用，但是在部分问题上各有优势。

for语句是先判断循环条件来,再执行循环语句.
while语句则正好相自反
循环次数不限制、不确定用while
循环次数有限制、已确定用for

这一章就先写到这里啦，欢迎大家多多提意见。如有错误请留言，我会及时改正。