javascript 流程控制--循环 下

简介: javascript 流程控制--循环 下

三、双重for循环

很多情况下,单层for循环并不能满足我们的需求,循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构,列如在for循环语句中,可以再嵌套一个for循环,这样的循环语句我们称之为双重for循环。

外层循环一次,里面循环执行全部

for(var i=1; i<=3; i++){//外循环
  document.write('外循环' + i + '次' + '<br>')
  for(var j=1; j<=3; j++){//里循环
  document.write('里循环' + j + '次' + '<br>')
  }
}

双重for循环案例

要求:用双重for循环打印九九乘法表。

核心算法:每一行公试的个数正好和行数一致。

for(var i=1; i<=9; i++){
  for(var j=1; j<=i; j++){
    var ji=j*i;
    if(ji<10){
      ji="0"+ji;
      document.write(j + "×" + i + "=" + ji + "&nbsp;&nbsp;")
    }else{
      document.write(j + "×" + i + "=" + i*j + "&nbsp;&nbsp;")
    }
  }
  document.write("<br/>")
}

要举一反三,自己经常总结,做一些相似的案例。

四、while循环

while语句可以在条件表达式为真的前提下,循环执行指定的一段代码,直到表达式为不真时结束循环。while语句的语法如下:

当条件表达式结果为真(true)时执行代码否则退出循环

while(条件表达式){
 循环体代码
}
var num=1
while(num<=100){
 console.log('执行')//会一直执行 , 死循环
 //加入 num++ 就不会死循环了
 //num++
}

while循环也是可以使用 if与else if 语句的

  var i=1;
      var num=0;
      while(i<=100){
        if(i%3==0 && i%7==0 && i%2==0){
          document.write(i + "<br/>")
          num++
        }
        i++
      }
      document.write(num + "个数符合条件")

while循环案例

要求:弹出一个提示框,你关注我了吗? 如果输入关注了则提示结束,否则一直询问

var a=prompt('你关注我了吗')
      while(a!=="关注了"){
        var a=prompt('你关注我了吗')
      }
      alert("爱你!")

五、do while循环

do while语句其实是while语句的一个变体,该循环会先执行代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出。

do{
循环体
}while(条件表达式)
var i=1;
do{
document.wrte("点关注不迷路")
i++
}while(i<=10)

do while循环案例

要求:输入的账户必须为ad,密码必须为123456,否则一直提示登陆弹框

var a= prompt("请你输入用户名");
var b= prompt("请你输入密码");
while(a!=="ad" || b!== "123456"){
  alert("请输入正确的用户名和密码");
  a= prompt("请你输入用户名");
  b= prompt("请你输入密码");
}
alert("成功登陆!")

六、 continue与break

1.continue

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

for(var i=1; i<=10; i++){
  if(i==3 || i==7 || i==9){
    continue;
  }
  document.write(i + "<br/>")
}
document.write("完毕")

2.break

break关键字用于立即跳出整个循环(循环结束)

for(var i=1; i<=10; i++){
  if(i==3){
    break
  }
  document.write(i + "<br/>")
  }
  document.write("完毕")

循环练习

用for循环输出一个*号的正三角型和倒三角型

自己做一遍效果更好哦

document.write("<p align='center'>")
      for(var i=1; i<=9; i++){
        for(var j=1; j<=i; j++){
          document.write("&nbsp;&nbsp;" + "*" + "&nbsp;&nbsp;")
        }
        document.write("<br/>")
      }
      document.write("</p>")
    document.write("<hr>")
      document.write("<p align='center'>")
      for(var i=1; i<=9; i++){
        for(var j=9; j>=i; j--){
          document.write("&nbsp;&nbsp;" + "*" + "&nbsp;&nbsp;")
        }
        document.write("<br/>")
      }
      document.write("</p>")

客官都看到这了就给小的:

目录
相关文章
|
5月前
|
搜索推荐 Shell
bpmn-js打造最强flowable流程设计器
在企业系统中,流程引擎至关重要。Flowable虽强大,但默认设计器功能有限。本文基于 bpmn-js 打造增强版 Flowable 设计器,支持丰富自定义属性与后端联动。bpmn-js 优势明显:原生支持 BPMN 2.0、可扩展性强、社区活跃。节点涵盖多种事件、任务、网关等,满足复杂业务需求。示例效果可见在线预览。
|
12月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
137 0
|
8月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
166 32
|
7月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
11月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
11月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
89 2
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
691 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
JavaScript 前端开发 索引
|
12月前
|
JavaScript
自动循环提交js
自动循环提交js
51 0
|
JavaScript 前端开发
JavaScript流程控制,带你打印九九乘法表
JavaScript流程控制,带你打印九九乘法表
310 0
JavaScript流程控制,带你打印九九乘法表

热门文章

最新文章