流程控制

  • if语句
  • if else 语句(双分支语句)
  • if -else if语句(多分支语句)
  • 三元表达式
  • switch语句
  • for循环
  • while循环
  • do while 循环
  • continue关键字
  • break关键字

if语句

  • 语法结构

if(条件表达式){
//条件成立执行的代码语句
}

例如:

var a = 10;
if(a > 1 ){alert('Shao Yu is more handsome than Zheng Yu');
}

结果:

if else 语句(双分支语句)

  • 语法结构

//条件成立,执行if里面的代码,否则执行else里面的代码
if(条件表达式){
    //[如果]条件成立执行的代码
} else{
    //[否则]执行的代码
}

例如:

 var year = prompt('请输入年份:');if (year%4==0 && year%100!=0 || year%400==0){alert('闰年');}
else{alert('平年');}

if -else if语句(多分支语句)

  • 语法结构

if(条件表达式1){
     语句1;
}else if (条件表达式2){
      语句2;
}else if (条件表达式3){
      语句3;
}

}else {
 //上述条件都不成立执行此代码
}

例如:

   var course = prompt('请输入成绩:');if (course > 90) { console.log('A'); }else if (course > 80) { console.log('B'); }else if (course > 70) { console.log('C'); }else if (course > 60) { console.log('D'); }else { console.log('不及格'); }

三元表达式

  • 语法格式

条件表达式 ? 表达式1 : 表达式2

如果条件表达式结果为真,则返回表达式1的值;如果条件表达式的结果为假,则返回表达式2的值

例如:

var num = 10;
var  result = num > 5 ? 'YES' : 'NO';
console.log(result;)//结果为YES

switch语句

  • 语法结构

switch(表达式){
case value 1:
//表达式 等于value1时要执行的代码
break;
case value 2:
//表达式 等于value2时要执行的代码
break;
default:
//表达式不等于任何一个value时要执行的代码
}

switc语句是遇到break停止,如果case里面没有break,则会继续执行下一个case,直到遇到break时停止

例如:

结果为 3


结果为3 4

for循环

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

  • 语法结构

for(初始化变量;条件表达式;操作表达式){
//循环体
}

  1. 初始化变量:用var声明的一个普通变量,通常用于作为计数器使用;
  2. 条件表达式:用来决定每一次循环是否继续执行,是终止的条件;
  3. 操作表达式:每次循环最后执行的代码,经常用于计数器变量更新。

例如:

      for (var i = 1; i <= 3; i++) {console.log('你好');}//用户控制输出次数var num = prompt('请输入你次数:');for (var m = 1; m <= num; m++) {console.log('hello');}


例二:

var num=prompt('请输入人数:');
var sum=0;
var ave=0;
for(var i=1;i<=num;i++){s=parseFloat(prompt('请输入第'+i+'个学生成绩')) ;
sum+=s;
}
avg=sum/num;
console.log('学生总成绩为'+sum);
console.log('学生平均分为'+avg);

例三:一排打印五个五角星

如果这样写的话,五个星星不能排列在同一排,只会显示一个数字

正确解法:方法:采取追加字符串的方式,这样可以打印到控制台上

while循环

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

  • 语法结构

while(条件表达式){
循环体代码
}

  • 执行思路
    1.先执行条件表达式,如果为true,则执行循环体代码;如果为false,则退出循环,执行后面的代码;
    2.执行循环体代码;
    3.循环体代码执行完毕后,程序会继续判断执行条件表达式,如果仍为true则执行第一步

do while 循环

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

  • 语法结构

do{
循环体代码
}while(条件表达式);

例如:

        var i = 1;do {console.log(i);i += 1;} while (i > 10);//结果为1,先执行do,在执行while

注意:先执行一次循环体,在判断,do…while循环语句至少会执行一次循环体代码。

continue关键字

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

for(var i = 1;i<=5;i++){if ( i == 3){continue;}console.log(i);
}
//结果为1 2 4 5,当i==3时,continue跳出本次i==3的循环,继续执行i++

break关键字

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

for(var i = 1;i<=5;i++){if ( i == 3){break;}console.log(i);
}
//结果为1 2,当i==3时,break结束本次for循环

JavaScript(四):流程控制相关推荐

  1. JavaScript 04 流程控制(循环)

    目录 流程控制(循环)思维导图 1 - 流程控制 1.1 流程控制概念 1.2 顺序流程控制 1.3 分支流程控制 1.4 三元表达式 1.5 switch分支流程控制 附上流程控制思维导图: 2 - ...

  2. JavaScript【流程控制】【数组】【函数】【函数作用域】经典!!

    表达式和语句 表达式 一个表达式可以产生一个值,有可能是运算.函数调用.有可能是字面量.表达式可以放在任何需要值的地方. 语句 语句可以理解为一个行为,循环语句和判断语句就是典型的语句.一个程序有很多 ...

  3. JavaScript异步流程控制的前世今生

    js的流程控制老大难问题就是异步回调. 一个流程过程,往往会出现回调地狱,这个回调异步控制就被提上研究得议程. 目前有实现的回调流程有以下几种 回调函数实现 事件监听 发布订阅 Promise/A+ ...

  4. JavaScript入门(part7)--流程控制

    学习笔记,仅供参考,有错必纠 参考自:pink老师教案 文章目录 JavaScript入门 流程控制 流程控制概念 顺序流程控制 分支流程控制 三元表达式 switch分支流程控制 for循环 双重f ...

  5. 史上最强Js流程控制三大结构

    大家好!我是萧寒,今天给大家分享的是流程控制的三大语句. 文章目录 初识JavaScript(四) 流程控制语句 顺序结构 分支结构 if语句 if的加强版if else语句(双分支语句) if 语句 ...

  6. JavaScript 系列四:流程控制

    快来加入我们吧! "小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章.为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.c ...

  7. python给js变量赋值_python 之 前端开发( JavaScript变量、数据类型、内置对象、运算符、流程控制、函数)...

    11.4 JavaScript 11.41 变量 1.声明变量的语法 //1. 先声明后定义 var name; //声明变量时无需指定类型,变量name可以接受任意类型 name= "eg ...

  8. JavaScript(二)—— JavaScript 运算符/JavaScript 流程控制/JavaScript 数组

    本篇为 JavaScript 系列笔记第二篇,将陆续更新 文章目录 一.运算符 1. 算术运算符 2. 递增和递减运算符 3. 比较运算符 4. 逻辑运算符 短路运算(逻辑中断) 5. 赋值运算符 6 ...

  9. JavaScript基础-基本数据类型和基本流程控制

    2019独角兽企业重金招聘Python工程师标准>>> JavaScript基础1 一.基本数据类型 1.Number 2.String 3.Null 4.Undefined 5.t ...

最新文章

  1. 天猫php采集列表,QueryList: QueryList是一个基于phpQuery的通用列表采集类,是一个简单、 灵活、强大的采集工具,采集任何复杂的页面 基本上就一句话就能搞定了。...
  2. 10.Java设计模式 工厂模式,单例模式
  3. 单链表问题(反转、是否有环、删除结尾第N个节点、合并两个sortlist、找到交点)
  4. vue cli 4 多环境_Vue 前端uni-app多环境配置部署服务器的问题
  5. iOS之深入探究多线程实现、线程安全和线程死锁
  6. hs控什么意思_凡尔赛文学 到底是什么?
  7. python实现特定软件代理_Python针对特定服务定制的代理工具V2.0------(proxyHandler.py)...
  8. LR:Code-29723 Error: Failed to deliver a p2p message from parent to child process, reason。。。
  9. 工业标准接口OPC Server
  10. 华为手机序列号前三位_华为手机序列号怎么查询?
  11. php在线拍照代码,html5可以实现在线拍照了
  12. IBM P750 AIX机器根目录空间满问题解决办法
  13. 阿里云|无影云桌面之初体验,只有一句真滴New Beer
  14. laravel应用密钥
  15. 【Chrome 浏览器自带谷歌翻译用不了】
  16. 原生js代码实现图片放大境效果
  17. Microduino-W5500
  18. 抖音SEO优化源码,企业号搜索排名系统,矩阵分发。
  19. [NOIP2013提高组] CODEVS 3287 火车运输(MST+LCA)
  20. linux网桥简单理解和持久化配置

热门文章

  1. 2021山东大学面向对象期末考试回忆版
  2. 2019年个人学习计划完成进度表:
  3. 【JAVA】贪吃蛇的初步实现(四)
  4. firebug的使用
  5. 提取文件夹中所有.jpg的名称
  6. 详解CVE-2022-0847 DirtyPipe漏洞
  7. golang 中regexp包用法
  8. 为mongoDB数据库添加账号步骤
  9. 自控力 笔记1 我要做,我不要,我想要
  10. 这些道理以前没人告诉我-困惑我们人生的问题的答案