JS中的for循环、while循环、do...while循环

for循环

for循环的作用：可以让在for循环中的代码重复执行

基本语法

for(循环起点;循环条件;累加器){
     循环体(需要循环的代码块);
}

循环执行过程：

上述小例子：

//用for循环:循环一个礼拜有多少天,并在页面上输出
for(var i=1;i<=7;i++){
	document.write('第'+i+'天'+'</br>');
}

while循环其实是for循环的变种语法如下

基本语法

for循环的变种写法
循环起点；
for(;循环条件;){
     循环体（重复执行的代码）
     累加器；
}

此方法为for循环变种写法：必须在循环条件前后必须加上;(分号)否则会显示语法错误

示例：求1~20中是5的倍数的累加的和。

//示例：求1~20中是5的倍数的累加的和。
var i = 1;//循环起点
var num = 0;//存储累加的和
for(;i<=20;){//循环条件
	if (i%5===0) {
		num += i;
	}
	i++;//累加器
}
console.log(num)

while循环

基本语法

循环起点
while(循环条件){
   循环体（重复执行的代码）
   累加器
}

计算表达式的值，当值为真(非0)时，则执行循环体语句。

while循环跟for循环变种写法几乎一致不同的是（不用再循环条件前后必须加上;(分号)）这也是while循环的最大优势

例：

//示例：用while循环输出1-10的奇数
var i = 1;//循环起点
while(i<=10){//循环条件
	if (i%2===1) {
		console.log(i)
	}
	i++;//累加器
}

使用while循环语句应注意以下几点：

基本语法

循环起点 
do{
   循环体（重复执行的代码）
   累加器
}while(循环条件)

do-while与while循环的不同之处在于:它先执行循环中的语句,然后再判断表达式是否为真, 如果为真则继续循环；如果为假,
则终止循环。因此, do-while循环至少要执行一次循环语句。

例：

//示例：用do...while循环输出1-10的偶数之和
var i = 1;//循环起点
var num = 0;//存储偶数之和
do{
	num += i;
	i++;//累加器
}while(i<=10);
console.log(num)

for循环的while循环的区别

for: 对于for循环来说，一般循环的是知道指定次数的元素，比如对一个知道长度的数组或者类数组进行循环。

while: 对于while循环来说，一般不知道我们需要执行多少次，不知道循环什么时候结束。当达到指定的目的后，结束循环。

总结: for 和 while 都是循环方法。具体在什么情况下使用，要根据需求的不同。对于不知道要具体循环多少次时。用while方法，当知道具体的循环次数时，就用for方法

发布了134 篇原创文章 · 获赞 109 · 访问量 7万+

私信关注