【JavaScript】if分支语句
创始人
2024-04-23 12:53:06
0

文章目录

  • 一、if分支语句
    • if分支语句的语法结构
      • 1、单分支
      • 2、双分支
      • 3、多分支
    • if分支语句的应用
    • 总结if的特点

一、if分支语句

if分支语句的语法结构

语法结构有三种(单分支,双分支,多分支)
重点内容1:必须熟悉布尔值真假情况(0,‘’,null,undefined,NaN,false)
重点内容2:if的条件可以是任意的表达式,但是结果一定是布尔值,系统自动调用Boolean方法进行处理。

1、单分支

**语法: **if(条件){满足条件(条件为真时)执行的语句块}

if (1) {console.log('语句会执行');}if ('饿了困了') {console.log('喝东鹏特饮');}if (false) {console.log('我也想出来转转');}/* isNaN函数会首先尝试将这个参数转换为数值,然后才会对转换后的结果是否是NaN进行判断。 */var num = prompt('请输入数字:');if (!isNaN(num)) { //是数字console.log('你输入的是数字:' + num);}

2、双分支

**语法:**if(条件){ 满足条件(条件为真)执行的语句块 } else { 不满足条件(条件为假)执行的语句块 }

var num = prompt('请输入数字:');if (!isNaN(num)) { //是数字alert('你输入的是数字:' + num);} else {alert('你输入的不是一个数字');/* 案例:输出数字,判断数字是奇数还偶数(if语句的嵌套:if语句
里面存在if语句) */var num = prompt('请输入数字:'); //prompt里面输入的内容都是字符串格式的if (!isNaN(num)) { //是数字执行这里   isNaN将字符串格式的数字转换成数字// 继续判断数字是奇数还是偶数if (num % 2 === 0) { //偶数alert('你输入的数字' + num + '是偶数');} else { // 奇数alert('你输入的数字' + num + '是奇数');}} else { //不是数字执行这里alert('你输入的不是一个数字');}

3、多分支

**语法:**if (条件1) {条件1为真执行的语句块}
else if(条件2) {条件2为真执行的语句块}
else if(条件3) {条件3为真执行的语句块}
else if(条件4) {条件4为真执行的语句块}
else if(条件5) {条件5为真执行的语句块}

// 案例:输出数字,判断数字>0/<0/=0var num = prompt('请输入数字:');if (num === '') {console.log('你没有输入内容');} else if (num > 0) {console.log('是一个正数');} else if (num < 0) {console.log('是一个负数');} else if (num == 0) {console.log('是数字0');} else {console.log('输入有误');}

if分支语句的应用

**案例1:**使用 prompt 函数 接收一个年份 判断输入的年份 是否是闰年 将结果输出到控制台, 闰年条件:能够被4整除,同时不能够被100整除,或者能被400整除。

if (year !== '') { //最大的可能不为空if (!isNaN(year)) { //判断是数字,if (year >= 1000 && year <= 9999) { //同时是4位的数字if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) { //是否闰年alert('闰年');} else {alert('非闰年');}} else {alert('你输入的数字不在范围内');}} else { //输入的内容不满足条件alert('输入不是数字,请重新输入');}} else {alert('请输入')}

**案例1拓展:**合并条件

if (year !== '' && !isNaN(year) && (year >= 1000 && year <= 9999) && (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0)) {alert('闰年')} else {alert('你可能没有输入,可能不是数字,可能不在范围内,可能不是闰年');}

**案例2:**根据公式(身高-108)*2 = 体重,可以有10斤左右的浮动,来观察测试者体重是否标准(身高:cm)
// 思路:
// 结果:标准,偏胖,偏瘦(三个条件)
// 偏胖:大于 (身高-108) * 2 + 10
// 偏瘦:小于 (身高-108) * 2 - 10
// 标准:区间

 var height = prompt('请输入身高cm:');var weight = prompt('请输入体重斤');var maxWeight = (height - 108) * 2 + 10;var minWeight = (height - 108) * 2 - 10;if (weight > maxWeight) {alert('偏胖');} else if (weight <= maxWeight && weight >= minWeight) { //标准,区间alert('标准身材');} else if (weight < minWeight) {alert('偏瘦');} else {alert('输入有误');}

总结if的特点

1.if的三种结构(单分支,双分支,多分支)
2.if的条件可以是任意的表达式,但是结果一定是布尔值,系统自动调用Boolean方法对表达式进行求值。
3.if语句满足一个分支,立刻结束
4.尽量将最大的可能给if语句,如果满足if,else短路操作(代码不执行),同时else可以省略。
5.合并条件,提示错误或者其他信息的时候就不够准确。嵌套使用,提升用户体验,多条件使用,减少代码。

// 解析
//     输入数字4,执行四次条件
//     输入数字3,执行三次条件
//     输入数字1,执行一次条件
//     输入数字5,执行五次条件
//     一旦找到目标,立刻结束var num = +prompt('请输入一个数字:');if (num === 1) {console.log(1);} else if (num === 2) {console.log(2);} else if (num === 3) {console.log(3);} else if (num === 4) {console.log(4);} else {console.log('其他情况');}

相关内容

热门资讯

资本界金控(00204.HK)... 格隆汇7月2日丨资本界金控(00204.HK)公告,公司近期与江苏福万代科技信息有限公司("福万代"...
新希望:独立董事彭龙接受纪律审... 转自:财联社【新希望:独立董事彭龙接受纪律审查和监察调查】财联社7月2日电,新希望公告,公司独立董事...
3岁萌娃迷路街头,妈妈急疯!两... 来源:杭州公安 “你好 我在天万街与羊头坝路交叉口的桥上 这边有个小孩子找不到家人一直在哭” 6月2...
中考成绩单|低波策略业绩盘点 (转自:国泰基金微幸福)
华菱钢铁:投资者建议连续三年回... 投资者提问:回购注销是财务手段里提升pb最稳定最可靠最有效的方式,在pb回升到1之前,每年分红可以少...
今年前5个月销量排名前十位轿车... 转自:北京商报北京商报讯(记者 刘晓梦)7月2日,据中国汽车工业协会统计分析,今年前5个月,销量排名...
法国已有2人死于热浪 转自:新华社新华社巴黎7月2日电(记者罗毓)法国商业调频电视台2日上午报道,最近该国遭遇强热浪天气,...
赛意信息(300687.SZ)... 格隆汇7月2日丨赛意信息(300687.SZ)公布,截至2025年6月30日,公司通过股份回购专用证...
比亚迪汽车:海洋网累计销售超5... 7月2日,比亚迪汽车官方微博显示,比亚迪海洋网6月热销196766辆,同比增长24.6%。2025年...
能特科技:拟以3亿元-5亿元回... 格隆汇7月2日|能特科技公告,公司拟使用自有资金及自筹资金,本次回购股份将全部用于注销并相应减少注册...