JavaScript基础-流程控制-if
流程控制基本概念
- 默认情况下,程序的运行流程是这样的:运行程序后,系统会按书写从上至下顺序执行程序中的每一行代码,但是这并不能满足我们所有的开发需求
- 实际开发中, 我们需要根据不同的条件执行不同的代码或者重复执行某一段代码
- 为了方便我们控制程序的运行流程,JavaScript提供3种流程结构,不同的流程结构可以实现不同的运行流程。这3种流程结构分别是顺序、选择、循环三种基本控制结构构造.
顺序结构:默认的流程结构。按照书写顺序从上至下执行每一条语句。
选择结构:对给定的条件进行判断,再根据判断结果来决定执行哪一段代码。
循环结构:在给定条件成立的情况下,反复执行某一段代码。
选择结构-if基本概念
.if第一种形式
- 表示如果
条件表达式
为真
,执行语句块1,否则不执行。
if(条件表达式)
{
语句块1
}
后续语句;
- 示例:
if(age > 18)
{
console.log("开网卡");
}
2.if第二种形式
- 如果
条件表达式
为真
,则执行语句块1,否则执行语句块2
if(条件表达式)
{
语句块1
}else{
语句块2
}
- 示例:
if(age > 18)
{
console.log("开网卡");
}else{
console.log("喊你妈来");
}
- 特点:
- if和else后面的代码块({})只有一个会被执行
3.if第三种形式
- 如果
条件表达式1
为真
,则执行语句块1,否则判断条件表达式2
,如果为真执行语句块2,否则再判断条件表达式3
,如果真执行语句块3, 当表达式1、2、3都不满足,会执行最后一个else语句。
if(条件表达式1)
{
语句块1
}else if(条件表达式2){
语句块2
}else if(条件表达式3){
语句块3
}else{
语句块4
}
javascript学习群499415298
- 示例:
if(age>18)
{
console.log("给网卡");
}else if(age>25){
console.log("给名片");
}else if(age>40){
console.log("给房卡");
}else{
console.log("给好人卡");
}
- 特点:
- 这么多大括号中只有一个大括号中的内容会被执行
- 当执行到后面条件的时候证明前面的条件不满足
else if
可以只有一个, 也可以有多个, 但是都必须添加在if和else之间
选择结构-if注意点
- 如果只有一条语句时if后面的大括号可以省略
if(age > 18)
console.log("开网卡");
- 注意点:
- 受到if管制的只有紧跟其后的那条语句
- 在企业开发中尽量不要省略大括号
if(false)
console.log("语句1");
console.log("语句2"); // 语句2会被输出
- 分号“;”也是一条语句, 空语句
if(10 > 2);
{
console.log("10 > 2");
}
// 输出结果: 10 > 2, if管制的紧跟其后的那个分号
// 如上语句相当于
if(10 > 2)
;
{
console.log("10 > 2");
}
// 如上语句相当于
if(10 > 2) {
;
}
// {}在JS中仅仅代表告诉系统里面的语句是一个整体, 没有别的用途,不会影响代码的执行
{
console.log("10 > 2");
}
- if else是一个整体, else匹配if的时候匹配离它最近的一个if
if(0)
if(1)
console.log("A");
else // 这个else会匹配上面的 if(1)
console.log("B");
else // 这个else会匹配上面的 if(0)
if (1)
console.log("C"); // 最终输出C
else
console.log("D");
- 对于非Boolean类型的值,会先转换为Boolean类型后再判断
if (0) {
console.log("123\n"); // 不会被执行
}
- 判断变量与常量问题
- 但凡遇到比较一个变量等于或者不等于某一个常量的时候,把常量写在前面
// if(a = 0) // 错误写法, 但不会报错
/*
本来是先判断变量a存储的值是否等于0,
但是如果不小心写成a=0,代表把0存储到a中.
为了避免这种问题判断是否相等时把常量写前面,
因为等号左边只能是变量, 所以如果少写一个等号会报错
*/
if (0 == a) {
console.log("a的值是0\n");
}else{
console.log("a的值不是0\n");
}
- if语句可以嵌套使用
var num = 8;
if (num >= 5)
{
if(num <= 10)
{
console.log("一个5~10之间的数")
}
}
选择结构-if练习
- 从键盘输入一个整数,判断其是否是偶数,如果是偶数就输出YES,否则输出NO;
// 1.定义一个变量保存用户输入的整数
var temp;
// 2.利用window.prompt()接收用户输入数据
// window.prompt返回给我们的是一个字符串, 需要转换为Number
temp = +(window.prompt("请输入一个整数"));
// 3.对用户输入的数据进行安全校验
if(isNaN(temp)){
alert("你是SB吗?");
}else{
// 3.判断用户输入的数据是否是偶数, 然后根据判断结果输出YES/NO
/*
if(temp % 2 == 0){
alert("YES");
}else{
alert("NO");
}
*/
(temp % 2 == 0) ? alert("YES") : alert("NO");
}
- 接收用户输入的1~7的整数,根据用户输入的整数,输出对应的星期几
// 1.定义变量保存用户输入的数据
var day;
// 2.利用window.prompt()接收用户输入数据
day = +(window.prompt("输入的1~7的整数"));
// 3.判断当前是星期几
if(day == 1){
console.log("星期一");
}else if(day == 2){
console.log("星期二");
}else if(day == 3){
console.log("星三");
}else if(day == 4){
console.log("星期四");
}else if(day == 5){
console.log("星期五");
}else if(day == 6){
console.log("星期六");
}else if(day == 7){
console.log("星期日");
}else{
console.log("滚犊子");
}
javascript学习群499415298
- 接收用户输入的一个整数month代表月份,根据月份输出对应的季节
// 1.定义变量保存用户输入的数据
var month;
// 2.利用window.prompt()接收用户输入数据
month = +(window.prompt("请输入一个1-12的月份"));
// 3.数据安全校验
if(isNaN(month)){
alert("火星SB?");
}else{
// 4.根据输入的数据判断输出对应的月份即可
if(month >= 3 && month <= 5){
alert("春季 ");
}else if(month >=6 && month <= 8){
alert("夏季");
}else if(month >=9 && month <= 11){
alert("秋季");
}else if(month == 12 || month == 1 || month == 2){
alert("冬季");
}else{
alert("火星季节");
}
}
// 1.定义变量保存用户输入的数据
var month;
// 2.利用window.prompt()接收用户输入数据
month = +(window.prompt("请输入一个1-12的月份"));
// 3.数据安全校验
if(isNaN(month)){
alert("火星SB?");
}else{
// 4.根据输入的数据判断输出对应的月份即可
if(month < 1 || month > 12){
alert("火星季节");
}else if(month >= 3 && month <= 5){
alert("春季 ");
}else if(month >=6 && month <= 8){
alert("夏季");
}else if(month >=9 && month <= 11){
alert("秋季");
}else{
alert("冬季");
}
}
// 1.定义变量保存用户输入的数据
var month;
// 2.利用window.prompt()接收用户输入数据
month = +(window.prompt("请输入一个1-12的月份"));
// 3.数据安全校验
if(isNaN(month)){
alert("火星SB?");
}else{
// 4.根据输入的数据判断输出对应的月份即可
if(month == 12 || month == 1 || month == 2){
alert("冬季"); // 没有进入, 剩下的必然是3-11
}else if(month >=9){
alert("秋季"); // 没有进入, 剩下的必然 3-8
}else if(month >=6){
alert("夏季"); // 没有进入, 剩下的必然 3-5
}else if(month >= 3){
alert("春季 ");
}else{ // 12 1 2
alert("火星季节");
}
}
- 从键盘输入2个整数,判断大小后输出较大的那个数
// 1.定义变量保存三个整数
var a, b;
// 2.利用window.prompt接收用户输入的数据
a = +(window.prompt("请输入内容"));
b = +(window.prompt("请输入内容"));
// 3.利用if进行两两比较
if(a > b){
console.log(a);
}else{
console.log(b);
}
/*
三元运算符好处:可以简化if else代码
弊端 :因为是一个运算符所以运算完必要要有一个结果。
简单用三元 复杂用if(阅读性好)
*/
console.log(a > b? a: b);
- 从键盘输入3个整数,排序后输出
- 如下做法代码严重没有扩展性,数值越多代码越多
// 1.定义变量保存三个整数
var a, b, c;
// 2.利用window.prompt接收用户输入的数据
a = +(window.prompt("请输入内容"));
b = +(window.prompt("请输入内容"));
c = +(window.prompt("请输入内容"));
// 方式1 写出所有方式
if (a >= b && b >=c) {
console.log(a, b, c);
}else if (a >= c && c >= b) {
console.log(a, c, b);
}else if (b >= a && a >= c) {
console.log(b, a, c);
}else if (b >= c && c >= a) {
console.log(b, c, a);
}else if (c >= a && a >= b) {
console.log(c, a, b);
}else if (c >= b && b >= a) {
console.log(c, b, a);
}
- 如下做法将来可以利用循环结构简化代码
选择排序, 每排完一次最值出现在第一位
// 1.定义变量保存三个整数
var a, b, c;
// 2.利用window.prompt接收用户输入的数据
a = +(window.prompt("请输入内容"));
b = +(window.prompt("请输入内容"));
c = +(window.prompt("请输入内容"));
// 方式2 选择排序
var temp;
if (a > b) {
temp = a;
a = b;
b = temp;
}
if (a > c) {
temp = a;
a = c;
c = temp;
}
if ( b > c) {
temp = b;
b = c;
c = temp;
}
console.log(a, b, c);
- 冒泡排序, 每排完一次最值出现在最后一位
// 1.定义变量保存三个整数
var a, b, c;
// 2.利用window.prompt接收用户输入的数据
a = +(window.prompt("请输入内容"));
b = +(window.prompt("请输入内容"));
c = +(window.prompt("请输入内容"));
// 方式3 冒泡排序
var temp;
if (a > b) {
temp = a;
a = b;
b = temp;
}
if (b > c) {
temp = b;
b = c;
c = temp;
}
if ( a > b) {
temp = a;
a = b;
b = temp;
}
console.log(a, b, c);
- 石头剪子布实现
// 定义 0.剪刀 1.石头 2.布
// 1、定义变量 玩家和电脑
var player,computer = 0;
// 2、让电脑先出拳
var temp = Math.random() * 3;
// 3、用户出拳
var player = window.prompt("请出拳:0.剪刀 1.石头 2.布");
// 数据合法性的校验
if (player<0||player>2) {
window.prompt("请重新出拳:0.剪刀 1.石头 2.布");
}else{
// 4、判断比较 //先判断用户赢的情况
if((player==0&&computer==2)||
(player==1&&computer==0)||
(player==2&&computer==1)){
window.alert("我靠,你赢了!\n");
}else if((computer==0&&player==2)||
(computer==1&&player==0)||
(computer==2&&player==1)){
window.alert("很遗憾,你输了!\n");
}else{
window.alert("平局\n");
}
}
javascript学习群499415298
如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端EDU’或者‘webxh5’关注后回复‘2017’可以领取一套完整的学习视频
JavaScript基础-流程控制-if的更多相关文章
- JavaScript基础流程控制(3)
day51 参考:https://www.cnblogs.com/liwenzhou/p/8004649.html for循环 while循环 三元运算 a>b条件成立,选a,不成立选b
- 小白学 Python(8):基础流程控制(下)
人生苦短,我选Python 前文传送门 小白学 Python(1):开篇 小白学 Python(2):基础数据类型(上) 小白学 Python(3):基础数据类型(下) 小白学 Python(4):变 ...
- Java编程基础——流程控制
Java编程基础——流程控制 摘要:本文主要介绍Java编程中的流程控制语句. 分类 流程控制指的是在程序运行的过程中控制程序运行走向的方式.主要分为以下三种: 顺序结构:从上到下依次执行每条语句操作 ...
- JavaScript的流程控制
JavaScript的流程控制 1.if...else if...else... 2.while 3.for 4.forEach 5.for...in... 完整代码如下: <!DOCTYPE ...
- Python基础—流程控制
一.Python流程控制 计算机程序在解决某个具体问题时,包括三种情形,即顺序执行所有的语句.选择执行部分的语句和循环执行部分语句,这正好对应着程序设计中的三种程序执行结构流程:顺序结构.选择结构和循 ...
- 黑马程序员——C语言基础 流程控制 选择结构和循环结构
---恢复内容开始--- Java培训.Android培训.iOS培训..Net培训.期待与您交流! (以下内容是对黑马苹果入学视频的个人知识点总结) (一)流程控制 1> 顺序结构:默认的流程 ...
- javascript之流程控制 和函数的容易忽略点
1.流程控制 1> for in 仅用于 对象的遍历: var box={ "name":'小红', 'age':18, 'height':165 }; for(var b ...
- Java基础-流程控制(04)
在一个程序执行的过程中,各条语句的执行顺序对程序的结果是有直接影响的.也就是说程序的流程对运行结果有直接的影响.所以,我们必须清楚每条语句的执行流程.而且,很多时候我们要通过控制语句的执行顺序来实现我 ...
- python基础-->流程控制-->分支结构-->单项分支-->双向分支
# ###流程控制 ''' 流程:代码执行过程 流程控制:对代码执行过程的管控 顺序结构:代码默认从上到下依次执行 分支结构:对代码执行过程的管控 循环机构: while for ..in.... 分 ...
随机推荐
- CJOJ 2482 【POI2000】促销活动
CJOJ 2482 [POI2000]促销活动(STL优先队列,大根堆,小根堆) Description 促销活动遵守以下规则: 一个消费者 -- 想参加促销活动的消费者,在账单下记下他自己所付的费用 ...
- 读Zepto源码之Event模块
Event 模块是 Zepto 必备的模块之一,由于对 Event Api 不太熟,Event 对象也比较复杂,所以乍一看 Event 模块的源码,有点懵,细看下去,其实也不太复杂. 读Zepto源码 ...
- 二维坐标点排序(JavaScript)
今天给大家分享下最近web项目中出现的一个技术难点问题--坐标排序: 如下图所示,要求在前端页面上按顺序将下面5个模块的坐标依次保存至数据库 现在已知信息如下: 1.每个模块分别为一个div 2.每个 ...
- 使用pillow生成分享图片
重复性的工作一定要交给计算机去做! 有时候要为公司做一张宣传用的分享图片,很简单交给设计通过ps.AI做好就行了,但是如果一个网站要为每个用户生成一张专属的分享图片,如果让设计师一张一张的去做,哪设计 ...
- Java项目集成SAP BO
SAP BO报表查看需要登录SAP BO系统,为了方便公司希望将BO报表集成到OA系统中,所以参考网上资料加上与SAP BO的顾问咨询整理出一套通过Java来集成SAP BO的功能. SAPBO中的报 ...
- 事务之使用JDBC进行事务的操作
本篇讲述数据库中非常重要的事务概念和如何使用MySQL命令行窗口来进行数据库的事务操作.下一篇会讲述如何使用JDBC进行数据库的事务操作. 事务是指数据库中的一组逻辑操作,这个操作的特点就是在该组逻辑 ...
- C# TSC打印二维码和条形码
效果图 开发.使用环境说明 安装TSC_7.3.8_M-3.exe打印机驱动,安装时选择对应的ttp 244 pro 将TSCLIB.dll复制到C:\Windows\system 驱动安装说明 选择 ...
- Struts2从头到脚--学习笔记(自认为比较重要的)
一. Struts2框架介绍 Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与 ...
- 基于jenkins搭建一个持续集成服务器
1 引言 1.1 编写目的 指导质量管理部,业务测试组同事进行Jenkins环境部署,通过Jenkins解决测试环境不可控,开发测试环境不一致等问题. 1.2 使用对象 质量管理部.基础研发部,集成部 ...
- Selenium自动化初级/中级网络授课班招生
近期学习selenium和appium的测试人员越来越多,应广大刚接触UI自动化以及对selenium想要更深入了解的测试人员的要求,特请一位资深测试架构师为我们开课讲解selenium,以及如何设计 ...