JavaScript中for、while循环

简介: 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);

       


结束语:

让我们一起进步,拿到自己想要的offer。


相关文章
|
2月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
44 6
JS循环for、for...of、for...in
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
50 2
JavaScript基础知识-流程控制之while循环
|
1月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
31 0
|
15天前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
26 2
|
2月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
56 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
45 1
JavaScript基础知识-forEach循环
|
1月前
|
JavaScript
自动循环提交js
自动循环提交js
17 0
|
2月前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
2月前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
17 3