JavaScript中for、while循环

目录

一、for循环：

语法结构：

总结：

for循环嵌套：

总结：

二、while循环

总结：

do{}while():

总结：

三、continue、break

continue ：

break:

四、例题

1：求1-100之间的总和。

2：九九乘法表。

3：打印正三角形案例

3：打印倒三角形案例

---

一、for循环：

语法结构：

for(初始化变量;条件表达式;操作表达式){

   //循环体}

举例：

  for (var i = 1; i <= 5; i++) {

  console.log('数字为：' + i + '\n');

  }

总结：

-  初始化变量  初始化一个计数器，用var声明新的变量，这个变量帮我们记录次数。

-  条件表达式  用于执行循环的条件，满足继续执行，不满足退出。

-  操作表达式  主要更新循环变量，在循环体结束后执行。

for循环嵌套：

定义：在循环语句中在定义一个循环语句的语法结构。

 for (外循环的初始; 外循环的条件; 外循环的操作表达式) {

 for (内循环的初始; 内循环的条件; 内循环的操作表达式) {  

         //需执行的代码;

  }

  }

举例：

  var star = '';

  for (var j = 1; j <= 5; j++) {

  for (var i = 1; i <= 5; i++) {

  star += '*'

  }// 每次满 5个*就加一次换行

  star += '\n'

  }console.log(star);

总结：

- 外层循环执行一次，内层循环要执行全部次数。

-  for循环是循环条件和数字直接相关的循环。

二、while循环

语法结构：

while (条件表达式) {

    // 循环体代码 }

举例:

 var num = 1;

 while (num <= 10) {

 console.log(num + '\n');

 num++; }

总结：

- 条件表达式为true，则执行循环体代码，否则退出循环。

- 循环代码执行完结束后，会继续执行条件表达式，它必须有条件否则会出现死循环。

do{}while():

do {

    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码

} while(条件表达式);

举例：

do{

var msg= prompt('密码：123456'); //输入密码为123456后循环体结束

}while(msg!=”123456”);

alert(“密码正确”);

总结：

- 与while循环方式一致，区别在于它先执行下循环体条件，在判断表达式。

- 循环体至少会执行一次。

三、continue、break

continue ：

关键字用于立即跳出本次循环，继续下一次循环。

 for (var i = 1; i <= 5; i++) {

     if (i == 3) {

          continue; // 跳出本次循环，跳出的是第3次循环

      }

      console.log('提示信息：' + i + “\n”);

 }

break:

关键字用于立即跳出整个循环（循环结束）。

for (var i = 1; i <= 5; i++) {

     if (i == 3) {

          break; // 跳出整个循环。 

      }

      console.log('提示信息：' + i + “\n”);

 }

四、例题

1：求1-100之间的总和。

	   var sum=0
			for(var i=1;i<=100;i++){
			    sum = sum +i;
			}console.log(sum);
			

2：九九乘法表。

	var scr="";
			for(i=1;i<=9;i++){
				for(j=1;j<=i;j++){
					scr = scr + j +"*"+ i +"="+ j*i + "\t";
				}
				scr=scr+"\n";
			}
			console.log(scr);

3：打印正三角形案例

		var num="";
			for(var i=6;i>=0;i--){
				for(var j=1;j<6-i;j++){
			num=num+"*";
				}
				num=num+"\n";					
			}
			console.log(num);

3：打印倒三角形案例

               var str="";
			   
			   for(var i=0;i<4;i++){
				   
				   	for(var j=0;j<4-i;j++){
				   		str = str + "*";
				   	}
				   	str = str + "\n";
			   }
			   console.log(str);