JavaScript(四):流程控制
流程控制
- 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(初始化变量;条件表达式;操作表达式){
//循环体
}
- 初始化变量:用var声明的一个普通变量,通常用于作为计数器使用;
- 条件表达式:用来决定每一次循环是否继续执行,是终止的条件;
- 操作表达式:每次循环最后执行的代码,经常用于计数器变量更新。
例如:
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(四):流程控制相关推荐
- JavaScript 04 流程控制(循环)
目录 流程控制(循环)思维导图 1 - 流程控制 1.1 流程控制概念 1.2 顺序流程控制 1.3 分支流程控制 1.4 三元表达式 1.5 switch分支流程控制 附上流程控制思维导图: 2 - ...
- JavaScript【流程控制】【数组】【函数】【函数作用域】经典!!
表达式和语句 表达式 一个表达式可以产生一个值,有可能是运算.函数调用.有可能是字面量.表达式可以放在任何需要值的地方. 语句 语句可以理解为一个行为,循环语句和判断语句就是典型的语句.一个程序有很多 ...
- JavaScript异步流程控制的前世今生
js的流程控制老大难问题就是异步回调. 一个流程过程,往往会出现回调地狱,这个回调异步控制就被提上研究得议程. 目前有实现的回调流程有以下几种 回调函数实现 事件监听 发布订阅 Promise/A+ ...
- JavaScript入门(part7)--流程控制
学习笔记,仅供参考,有错必纠 参考自:pink老师教案 文章目录 JavaScript入门 流程控制 流程控制概念 顺序流程控制 分支流程控制 三元表达式 switch分支流程控制 for循环 双重f ...
- 史上最强Js流程控制三大结构
大家好!我是萧寒,今天给大家分享的是流程控制的三大语句. 文章目录 初识JavaScript(四) 流程控制语句 顺序结构 分支结构 if语句 if的加强版if else语句(双分支语句) if 语句 ...
- JavaScript 系列四:流程控制
快来加入我们吧! "小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章.为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.c ...
- python给js变量赋值_python 之 前端开发( JavaScript变量、数据类型、内置对象、运算符、流程控制、函数)...
11.4 JavaScript 11.41 变量 1.声明变量的语法 //1. 先声明后定义 var name; //声明变量时无需指定类型,变量name可以接受任意类型 name= "eg ...
- JavaScript(二)—— JavaScript 运算符/JavaScript 流程控制/JavaScript 数组
本篇为 JavaScript 系列笔记第二篇,将陆续更新 文章目录 一.运算符 1. 算术运算符 2. 递增和递减运算符 3. 比较运算符 4. 逻辑运算符 短路运算(逻辑中断) 5. 赋值运算符 6 ...
- JavaScript基础-基本数据类型和基本流程控制
2019独角兽企业重金招聘Python工程师标准>>> JavaScript基础1 一.基本数据类型 1.Number 2.String 3.Null 4.Undefined 5.t ...
最新文章
- 天猫php采集列表,QueryList: QueryList是一个基于phpQuery的通用列表采集类,是一个简单、 灵活、强大的采集工具,采集任何复杂的页面 基本上就一句话就能搞定了。...
- 10.Java设计模式 工厂模式,单例模式
- 单链表问题(反转、是否有环、删除结尾第N个节点、合并两个sortlist、找到交点)
- vue cli 4 多环境_Vue 前端uni-app多环境配置部署服务器的问题
- iOS之深入探究多线程实现、线程安全和线程死锁
- hs控什么意思_凡尔赛文学 到底是什么?
- python实现特定软件代理_Python针对特定服务定制的代理工具V2.0------(proxyHandler.py)...
- LR:Code-29723 Error: Failed to deliver a p2p message from parent to child process, reason。。。
- 工业标准接口OPC Server
- 华为手机序列号前三位_华为手机序列号怎么查询?
- php在线拍照代码,html5可以实现在线拍照了
- IBM P750 AIX机器根目录空间满问题解决办法
- 阿里云|无影云桌面之初体验,只有一句真滴New Beer
- laravel应用密钥
- 【Chrome 浏览器自带谷歌翻译用不了】
- 原生js代码实现图片放大境效果
- Microduino-W5500
- 抖音SEO优化源码,企业号搜索排名系统,矩阵分发。
- [NOIP2013提高组] CODEVS 3287 火车运输(MST+LCA)
- linux网桥简单理解和持久化配置