JavaScript 程序循环结构详解

目录
  • 选择结构
  • 循环结构
    • while
    • do … while
    • for 循环
    • for … in …
    • for …of…
      • 小结
    • 终止循环
      • break
      • continue
    • 二层循环
  • 总结

选择结构

单分支的if结构

if(条件){
条件满足后执行的代码
}

如果大括号中只有一条语句,此时可以省略大括号,但是强烈不建议这样写

if(条件)
	console.log('点点点')

二分支if结构语句

if (条件){
条件满足后执行的代码
}
else{
条件不满足后执行的代码
}

多分支if结构语句

if(条件1){
代码1
}
else if(条件2){
代码2
}
......
else{
以上条件都不满足执行的代码
}

switch结构

var today=1
switch(today){
	case 1:
		console.log('工作日')
		break
	case 2:
		console.log('工作日')
		break
	case 3:
	case 4:
	case 5:
		console.log('工作日')
		break
	default
		console.log('休息日')
		break

switch和if得区别

  • switch 只能进行等值得判断if
  • 没有限制适合某个连续区间得判断

循环结构

重复性的执行某个操作就是循环

while

//循环10次
var i=1
while(i<=10){
console.log('111111')
i++
}
//案例:计算100以内整数之和
var i=1
var sum = 0
while(i<=100){
 sum+=i
 i++
}
案例
 在页面输出[1,200]之间所有能被7整除,但不能被4整除的所有整数,并统计个数,同时要求输出每行显示5个
var i=1
var count = 0
while(i<=200){
	if(i%7==0 && i%4!=0){
		document.write(i+"&nbsp;&nbsp;&nbsp;&nbsp;")
		count++;//统计个数
		// 判断每输出5个换一行
		if(count%5==0){
		document..write('<br>');
		}
	}
	i++;
	document.write('<br>共计: '+count+'个')

do … while

先执行代码,再判断条件

var i=1;
        do{
            console.log('好好学习,天天向上!')
            i++;
        }while(i<=10)
  #案例
  #计算1-50之间得倍数
      <script type="text/javascript">
        var i=1;
        var sum=0;
        do{
            if(i%6==0){
                sum+=i
            }
            i++;
        }while(i<=50)
        console.log(sum)
    </script>
#案例
# 循环提示用户输入5个数,按q结束,然后输出其中最大值和最小值
#先提示用户输入一次,然后将该数字作为最大值和最小值
var num=Number(prompt('请输入一个征属(按q结束):'))
 var max=num;
var min=num;
var flag=true //标识是否继续循环
var i = 1;
do{
var num=Number(promot('请输入一个整数!'))
#判断用户是否输入q
if(num=='q'){
flag=false  //如果输入q则将flag改为false,表示停止循环
}else{
num=Number(num)
if(num>max){
	max=num;
}
if (num<min){
min=num
}
}while(flag)
console.log(max)
console.log(min)

for 循环

语法

for(初始化:条件:迭代){
代码块
}

循环开始时先执行初始化部分,而且初始化部分只执行一次

初始化执行完之后就去判断条件是否成立,如果成立则执行代码块,然后执行迭代部分

for … in …

对集合数据进行遍历

循环遍历是遍历到的数据在集合中的索引顺序(从0开始),而非数据本身

<script type="text/javascript">
        var str = 'abc'
        for(var index in str){
            console.log(index,str[index])
        }
    </script>

for …of…

对集合数据进行迭代遍历

这是直接拿到值

<script type="text/javascript">
        var str = 'abc'
        for(var index of str){
            console.log(index)
        }
    </script>

小结

  • 循环次数确定时一般使用for
  • 循环次数不确定时一般使用while和do…while
  • 对集合进行遍历时使用 for…in和for…of

终止循环

break

break跳出整个循环,终止循环的执行

案例

//当1-20之间整数相加,当累加值大于66时停止相加,输出当前整数和累加值
var sum=0
for(var i=1;i<=20;i++){
	sum+=1
	if(sum>66){
	break
}
}

continue

跳出本次循环,执行下一次循环,本次循环尚未执行完

//计算1-10之间所有偶数和
var sum=0;
for(var i=1;i<=10;i++){
	if(i%2!=0){
	continue
	}
	sum+=i
}

二层循环

一个循环嵌套着另一个循环,成为二重循环,各种循环可以相互嵌套

外层循环变量变化一次,内层循环执行一边

//案例
//某次程序大赛,共有三个班级参加,每个班级4名学生,输入各班级每个学生成绩,然后计算各班级平均分
for(var i=1;i<=3;i++){
	alert('请输入第'+i+'个班级学生信息---')
	//内层循环控制班级学生数量
	var sum=0
	for(var j=1;j<=4;j++){
	var score=Number(prompt('请输入第'+j+'个学生成绩:'))
	sum+=score;
}
	console.log('第'+i+'个班级平均分为:'+sum/4)
}
  <script type="text/javascript">
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write(j+'*'+i+'='+i*j+'&nbsp;&nbsp')
            }
            document.write('<br>')
        }
    </script>

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注我们的更多内容!

(0)

相关推荐

  • JavaScript数据结构之优先队列与循环队列实例详解

    本文实例讲述了JavaScript数据结构之优先队列与循环队列.分享给大家供大家参考,具体如下: 优先队列 实现一个优先队列:设置优先级,然后在正确的位置添加元素. 我们这里实现的是最小优先队列,优先级的值小(优先级高)的元素被放置在队列前面. //创建一个类来表示优先队列 function Priorityqueue(){ var items=[];//保存队列里的元素 function QueueEle(e,p){//元素节点,有两个属性 this.element=e;//值 this.pr

  • JavaScript数据结构之双向链表和双向循环链表的实现

    双向链表和普通链表的区别在于,在链表中,一个节点只有链向下一个节点的链接,而在双向链表中,链接是双向的:一个链向下一个元素,另一个链向前一个元素. 双向链表提供了两种迭代列表的方法:从头到尾,或者反过来.我们也可以访问一个特定节点的下一个或前一个元素.在单向链表中,如果迭代列表时错过了要找的元素,就需要回到列表起点,重新开始迭代.这是双向链表的一个优点. 双向链表:单向链表只能向着一个方向遍历链表节点,而在节点指针域中增加了前向指针的双向链表,则可以向着两个方向遍历节点.这使得双向链表也可以在任

  • 简单学习JavaScript中的for语句循环结构

    可以直接看示例,用得太多了,很简单 (function() { for(var i=0, len=demoArr.length; i<len; i++) { if (i == 2) { // return; // 函数执行被终止 // break; // 循环被终止 continue; // 循环被跳过 }; console.log('demo1Arr['+ i +']:' + demo1Arr[i]); } })(); 关于for循环,有一下几点需要注意 for循环中的i在循环结束之后任然存在

  • JavaScript数据结构之单链表和循环链表

    数据结构系列前言: 数据结构作为程序员的基本知识,需要我们每个人牢牢掌握.近期我也展开了对数据结构的二次学习,来弥补当年挖的坑......   当时上课的时候也就是跟着听课,没有亲自实现任何一种数据结构,更别提利用数据结构来解决问题了.  现在就来填坑了奋斗   在这里提醒看到我博客的孩子们,如果你还是在校生,永远不要轻视任何一门基础课的学习,这个时候挖的坑,要么需要用双倍的努力去填,要么会直接影响一个人的能力等等...... 千万别给自己挖坑 进入正题,关于链表的数据结构知识,这里简单介绍下:

  • JS基础之逻辑结构与循环操作示例

    本文实例讲述了JS逻辑结构与循环操作.分享给大家供大家参考,具体如下: JS的逻辑结构与循环和java基本相同.不同会进行解释: instance: <html> <head> <title>js逻辑结构与循环</title> <meta charset="UTF-8"/> <script type="text/javascript"> // 判断:if判断单重判断,双重判断,多重判断,swit

  • JavaScript 程序循环结构详解

    目录 选择结构 循环结构 while do - while for 循环 for - in - for -of- 小结 终止循环 break continue 二层循环 总结 选择结构 单分支的if结构 if(条件){ 条件满足后执行的代码 } 如果大括号中只有一条语句,此时可以省略大括号,但是强烈不建议这样写 if(条件) console.log('点点点') 二分支if结构语句 if (条件){ 条件满足后执行的代码 } else{ 条件不满足后执行的代码 } 多分支if结构语句 if(条件

  • Python循环结构详解

    一.内容简介 使用while循环编写重复执行的语句 使用哨兵值控制循环 使用for循环实现计数器控制 使用break.continue控制循环 二.while循环 注意:循环控制时不要使用浮点型来比较等值 i = 1 # 循环变量的初值 while i < 10: # 循环变量的判断 print("当前第", i, "次循环") i += 1 # 循环变量的更新 PyCharm调试示例 # PyCharm中的调试 # 1. 设置断点:debug->调试

  • Python 循环结构详解

    目录 一.While循环 二.While…else…循环 三.for循环 四.for…else…循环 五.循环体结束语句 六.嵌套循环 前言: 在编写代码时如果能够简化一个程序,把重复的代码形成公共部分,利用语法来控制,对代码进行循环往复的执行,这就形成了循环结构逻辑. 一.While循环 While循环的语法格式如下: while 条件表达式 :    代码段(包含改变计数器值的语句) while 关键词后面紧跟的条件表达式决定了循环是够进行下去. 下面用while语句实现求1-100的累加和

  • C++ 程序流程结构详解

    目录 1.选择结构 1.1 判断语句if 1.单行if语句 if 2.多行if语句 if...else 3.多条件if语句 if...else if...else if ...else 4.嵌套if语句 1.2 三目运算符判断 1.3 开关语句switch 2.循环结构 2.1 while 2.2 do...while 2.3 for 2.4 循环控制 1.break:跳出循环 2.continu:跳出本次循环,继续下一次循环 3.goto:跳转到label,接着往下走 2.5 循环嵌套 总结

  • C语言循环结构详解

    目录 break语句 continue语句 C语言循环结构 一.goto 语句(现在一般很少用) 1.语句介绍: 2.语法结构: 3.goto 语句程序示例: 二.do-while语句 1.语句介绍: 2.语法结构: 3.do-while 流程图: 4.do-while 语句程序示例: 三.while 语句 1.语句介绍: 2.语法结构: 3.while 循环流程图: 4.while 语句程序示例: 四.for 循环语句: 1.语句介绍: 2.语法结构: 3.for 循环语句流程图 4.for

  • python语法之语言元素和分支循环结构详解

    目录 一.语言元素 1.变量及其类型 (1)变量 (2)变量类型 2.变量命名规则 3.变量的使用 4.运算符 二.分支循环结构 1.if 2.for-in 3.while 总结 python中严格控制缩进,一个tab键或者4个空格 一.语言元素 1.变量及其类型 (1)变量 所谓变量,就是可以改变的量. 首次使用变量会在内存中划分空间,并初始化值: 再次使用变量不再划分空间,修改原空间的. (2)变量类型 ①数值类型 int float bool:True.False ②字符串类型 字符串运算

  • 微信小程序 获取手机号 JavaScript解密示例代码详解

    当我们在开发微信小程序中,有一个常用的功能,就是获取用户的手机号,然后一键登入小程序,那么手机号如何获取呢?请认真看完本文,保证可以获取到用户的手机号. 刚开始开发微信小程序的时候,想着实现手机验证码登入,后来查阅资料得知,发给用户的短信是要自己付费的.后来想想,微信获取用户的手机号一样可以保证手机号码的真实性,因为手机号既然可以绑定微信,那么肯定是被严格核验过的,然后就开始了获取手机号之旅,网上教程有很多,但不知什么原因,都是会少一些内容,有的只有前端代码,没有后端:有的后端代码是PHP,不是

  • ASP.NET MVC模式中应用程序结构详解

    目录 一.App_Data 二.App_Start 三.Content 四.Controllers 五.font 六.Models 七.Scripts 八.Views 九.Web.config 1.根目录下面的Web.config文件 2.Views文件夹下面的Web.config 十.Global.asax 在上一篇文章中,讲解了一些MVC的概念,并且创建了第一个ASP.NET MVC项目,这篇文章将讲解ASP.NET MVC程序中的代码解构,新创建的MVC应用程序解构如下图所示: 一.App

  • javascript异常处理实现原理详解

    这篇文章主要介绍了javascript异常处理实现原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一.什么是例外处理 当 JavaScript程序在运行中发生了诸如数组索引越界.类型不匹配或者语法错误时,JavaScript解释器就会引发例外处理. ECMAScript定义了六种类型的错误,除此之外,我们可以使用Error对象和throw语句来创建并引发自定义的例外处理信息. 通过运用例外处理技术,我们可以实现用结构化的方式来响应错误事

  • java迭代器和for循环优劣详解

    在进行迭代的时候,程序运行的效率也是我们挑选迭代方法的重要原因.目前有三种迭代方法:for循环.迭代器和Foreach.前两者相信大家都非常熟悉,为了更加直观分析效率的不同,我们还加入Foreach一起比较.下面我们就三种方法的概念进行理解,然后ArrayList中探索三种方法的效率. 1.概念理解 for循环:是支持迭代的一种通用结构,是最有效,最灵活的循环结构 迭代器:是通过集合的iterator()方法得到的,所以我们说它是依赖于集合而存在的 Foreach:通过阅读源码我们还发现一个It

随机推荐