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

for循环

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

基本语法

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

循环执行过程：

1. 执行循环起点 例：var a=0;

2. 循环条件的判断 例：a<5;
   若循环条件成立，则执行循环体
   若循环条件不成立，则结束循环

3. 然后执行循环体，在执行累加器 例：a++;

4. 重复执行第二步

上述小例子：

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

while循环

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循环语句应注意以下几点：

1. while语句中的表达式一般是关系表达或逻辑表达式，只要表达式的值为真(非0)即可继续循环。
2. 循环体如包括有一个以上的语句，则必须用{}括起来，组成复合语句。

do…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)

• 先执行写在do里面的代码块
• 如果为假(false)就执行一次
• 如果为真(true)循环执行do while里面的代码块
• do while循环至少执行一次

for循环的while循环的区别

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

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

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

最后

以上就是敏感镜子为你收集整理的JS中的for循环、while循环、do...while循环的全部内容，希望文章能够帮你解决JS中的for循环、while循环、do...while循环所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。