javascript 流程控制--循环 上

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

前言

本文讲解了javascript的循环,如果觉得对你有帮助请关注小编,你的支持就是我更新的动力!

本文学习目标

1.可以说出循环的目的。
2.能够说出for循环的执行过程。
3.能够使用断点调试来观察代码的执行过程。
4.能够使用for循环完成累加求和等案例。
5.能够使用for循环完成乘法表案例。
6.能够说出while循环跟do while循环的区别。
7.能够说出break和 continue的区别。

提示:以下是本篇文章正文内容

一、循环

1.循环的目的:

在没有学习循环时想在控制台打印:白嫖不是一个好习惯,我们只能,连续写三个代码,非常麻烦!

循环就会解决这个问题,所以循环就是为了避免重复执行某些语句。

不循环:

console.log('白嫖不是一个好习惯')
console.log('白嫖不是一个好习惯')
console.log('白嫖不是一个好习惯')

循环:

for(var i=1; 1<=3; i++){
//初始化变量 第一个i为循环的起始值 第二个i为循环的终止值 i++操作表达式,三步缺一不可!
console.log('点赞 关注 评论!')
}

2.JS中的循环

(1)for循环

(2)while循环

(3)do while循环

二、for循环

在程序中,一组被重复执行的语句被称为循环体,能否继续重复执行,取决与终止的条件。由循环体及循环的终止条件组成的语句,被称之为循环语句。

1.语法结构

for循环主要用于把某些代码循环若干次,通常与计数有关系。

for(初始化变量;条件表达式;操作表达式){
    循环体
}
for(var i=1; 1<=100 i++){//会循环100次
//初始化变量 第一个i为循环的起始值 第二个i为循环的终止值 i++操作表达式,三步缺一不可!
console.log('点赞 关注 评论!')//循环体
}

2.for循环重复不相同的代码

因为有计数器变量 i 的存在 i每次循环值都会变化。

for(var i=1; i<=3; i++){
  document.write('今年我' + i + '岁了' + '<br/>')
}

运行结果:

for循环中是可以使用 if与else if 语句的;

for(var i=1; i<=3; i++){
  if(i==1){
  document.write( i+ '今年我出生了')
  }else if(i==2){
  document.write(i+ '今年我2岁了')
  }else{
  document.write(i+ '英年早逝')
  }
}

3. for循环案例

要求,求1-100之间所有整数的和

  var sum=0;//我们需要一个储存结果的变量 sum ,初始值一定是0;
  for(var i=1; i<=100; i++){
    sum+=i;//sum = sum+i
  }
  document.write(sum)//结果为5050

要求,求1-100之间能被3整除的数的和

var sum=0;
  for(var i=1; i<=100; i++){
    if(i%3==0){
    sum+=i;//sum = sum+i
    }
  }
  document.write(sum)//结果为1683
目录
相关文章
|
16天前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
62 32
|
5月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
69 6
JS循环for、for...of、for...in
|
4月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
60 0
|
3月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
3月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
40 2
|
5月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
181 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
5月前
|
JavaScript 前端开发 索引
|
4月前
|
JavaScript
自动循环提交js
自动循环提交js
29 0
|
缓存 JavaScript 前端开发
JavaScript 的几种循环方式
学习过程中将笔记整理跟大家分享,希望对大家也有所帮助,共同成长进步💪~ >如果大家喜欢,可以点赞或留个言哦💕~~~~,谢谢大家⭐️⭐️⭐️~~~
108 0
|
JavaScript 前端开发 索引
JavaScript的几种循环方式
JavaScript提供了许多通过LOOPS迭代的方法。本教程解释了现代JAVASCRIPT中各种各样的循环可能性 目录: for forEach do...while while for...in for...of for...in vs for...of 介绍 JavaScript提供了许多迭代循环的方法。
1020 0

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    40
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    27
  • 3
    Node.js 中实现多任务下载的并发控制策略
    32
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    54
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55