当前位置:
首页 > temp > JavaScript教程 >
-
javascript-条件判断语句
12-if分支语句
<script>/* // 1. if 的语法结构 if (条件表达式){ // 执行语句 }*/ // 2. 如果条件表达式为真,则执行大括号内的执行语句 // 3. 如果 条件表达式为假,则不执行 var age = 16; if(age>=18){ console.log('可以买酒'); } else{ console.log('不可向未成年人出售烟酒'); } </script>
13-进入网吧案例
<script> /* 进入网吧案例 ① 弹出prompt 输入年龄 ② if判断输入值是否大于18 ③ 是,则可以进入网吧;否,则不可以 */ var age=prompt('please input your age:'); if(age>=18){ alert('您可以进入网吧'); } else{ alert('您不可以进入网吧,滚去学习'); } </script>
14-判断闰年案例
<script> /* 判断闰年案例 ①输入年份 ②判断年份是否是闰年 ③如果是,就弹出闰年 ④如果不是,就弹出是平年 */ var year=prompt('请输入你年份'); if(year%4==0 && year%100!==0 || year%400==0 ){ alert(year+'是闰年'); } else{ alert(year+'是平年'); } </script>
16-if else if多分支语句
<script> /* ①输入姓名 ②判断姓名是否是tb ③如果是,就弹出中奖 ④如果不是,就弹出unlucky */ var yourName=prompt('please input your name:'); if (yourName=='tb'|| yourName =='daisy'){ alert('Lucky boy, you own the award!!') } else{ alert('Unluckyman, you miss it.') } </script>
17-判断成绩案例
<script> /* ①获取输入分数 ②if else分支语句判断输入分数符合哪一个分支的条件 ③ */ var score=prompt('please input your score:'); if (score>=90){ alert('Excellent!! Your grade is : A') }else if(80<=score && score<90){ alert('Great! Your grade is : B') }else if(70<=score && score<80){ alert('Good! Your grade is : C') }else if(60<=score && score<70){ alert('Not Bad! Your grade is : D') }else{ alert('I am sorry. Your grade is : E') } </script>
18-三元表达式
<script> /* 三元表达式 1. 由三元运算符组成的式子,e.g. 条件表达式? 表达式1:表达式2 2. 执行思路:条件真,返回表达式1;条件假,返回表达式2; 3. 可以理解为,简化版的判断语句 */ var num=10; var bo=num>5? 'yes':'no'; alert(bo); // if语句实现同等效果: if(num>5){ alert('yes') }else{ 'no' } </script>
19-数字补0案例
<script> /* 三元表达式 1. 声明,输入一个0-59的数字 2. 判断,数字是否小于十,是,则补0 3. 输出 */ var num1=prompt('please input a number(0~59)'); //用if判断语句 // if(num1<10){ // console.log(0+num1); // }else{ // console.log(num1); // } // 用三元表达式 num1<10? alert('0'+num1):alert(num1); </script>
20- switch:分支语句
<script> /* 1. switch语句也是多分支语句,可以实现多选1 2. 语法结构 switch转换、开关、case例子或者选项的意思 */ /* switch(表达式){ // 3. 表达式和value进行匹配,匹配上就执行,都没有就执行最后一个; case value1:执行语句1;break; case value2:执行语句2;break; case value3:执行语句3;break; default:最后的语句 } */ // 4. 代码验证 var num1=prompt('input a number:'); switch(parseInt(num1)){ case 1:alert('a');break; case 2:alert('b');break; case 3:alert('c');break; case 4:alert('d');break; case 5:alert('e');break; case 6:alert('f');break; case 7:alert('g'); break; default:alert('nothing'); }
// 总结:如果是特定值用switch;如果是一个范围用else if
</script>
21-switch注意事项
<script> /* 1. switch语句也是多分支语句,可以实现多选1 2. 语法结构 switch转换、开关、case例子或者选项的意思 */ /* switch(表达式){ // 3. 表达式和value进行匹配,匹配上就执行,都没有就执行最后一个; case value1:执行语句1;break; case value2:执行语句2;break; case value3:执行语句3;break; default:最后的语句 } */ // 4. 代码验证 // var num=2; /* switch(num){ // 这个switch括号内的值要和case后的值全等===才能匹配上 case 1:console.log(1);break; case 2:console.log(2);break; case 3: console.log(3); break; } */ // 没有break会发生什么? ——继续执行下一个case,直到break var num = 1; switch (num) { case 1: console.log(1); case 2: console.log(2); case 3: console.log(3); break; } // 在开发中,表达式经常被写成变量; // switch()和case里的值匹配时,必须是全等才有效,即===,数据类型和值都相等,如5和'5'的区别 // 如果没有break,那么switch会在执行完这个case后,继续执行下一个case </script>
22-查询水果价格案例
<script> /* 查询水果价格 ① 声明,输入水果名称 ② 输入的是字符串,case后面也要是字符串' ③ defult是“没有此水果” */ var fruitPr=prompt('please input the fruit:'); switch(fruitPr){ case '橙子':alert(fruitPr+ ':' + ' 5rmb');break; case '西瓜':alert(fruitPr+ ':' + ' 3rmb');break; case '苹果':alert(fruitPr+ ':' + ' 4rmb');break; case '猕猴桃':alert(fruitPr+ ':' + '8rmb');break; case '山竹':alert(fruitPr+ ':' + '10rmb');break; case '葡萄': alert(fruitPr + ':' + '9rmb'); break; default: alert("there's no "+fruitPr); } </script>
if else和switch
①一般情况下,它们两个语句可以相互替换
② switch..case语句通常处理case为比较确定值的情况,而i.else.语句更加灵活,常用于范围判断(大于、等于某个范围)
③ switch语句进行条件判断后直接执行到程序的条件语句,效率更高。而if...else语句有几种条件,就得判断多少次。
④当分支比较少时,if...else语句的执行效率比 switch语句高。
⑤当分支比较多时, switch语句的执行效率比较高,而且结构更清晰
大作业
<script> // 1.判断时间阶段。比如用户输入12点弹出中午好,用户輸入18点弹出傍晚好,用户输入23点弹出深夜好 /* var time=prompt('请输入时间__点:'); if(time==12){ alert('中午好!'); }else if(time==18){ alert('傍晚好!'); }else if(time==23){ alert('深夜好!'); } */ // 2.比较两个数的最大值(用户依次输入2个值,最后单出最大的那个值) /* var num1=prompt('please input the first number:'); var num2=prompt('please input the second number:'); if(num1>num2){ alert('the bigger one is:'+num1); }else{ alert('the bigger one is:' + num2); } */ // 3.用户输入一个数,来判断是奇数还是偶数 /* var numb = prompt('please input a number:'); if(numb % 2 == 0){ alert(numb + '是偶数'); }else{ alert(numb + '是奇数'); } */ // 4.根据用户输入的数值(数字1到数字7),返回星期几 /* var weekd=prompt('please input a number(1~7):'); switch(parseInt(weekd)){ case 1:alert('星期一');break; case 2:alert('星期二');break; case 3:alert('星期三');break; case 4:alert('星期四');break; case 5:alert('星期五');break; case 6:alert('星期六');break; case 7:alert('星期日');break; default:alert('???what the fuck???'); } */ // 5.接收班长口袋里的钱数?若大于等于2000,请大家吃西餐。若小于2000,大于等于1500,请大家吃快餐。若小于1500,大于等于1000,请大家喝饮料。若小于1000,大于等于500,请大家吃棒桲糖。否则提醒班长下次把钱帯够; /* var money=prompt('please input the rest money you have:'); if(money>=2000){ alert('吃西餐'); }else if(money<2000 && money>=1500){ alert('吃快餐'); }else if(money<1500 &&money>=1000){ alert('喝饮料'); }else if(money<1000 && money>=500){ alert('吃糖果'); }else{ alert('下次带够钱嗷'); } */ // 6.分数转换:给一个分数,判定等级。大于等于90A,大于等于80小于90B,大于等于70小于80C,大于等于60小于70D,小于60E; /* var score = prompt('please input the score:'); if (score >= 90) { alert('A'); } else if (score < 90 && score >= 80) { alert('B'); } else if (score < 80 && score >= 70) { alert('C'); } else if (score < 70 && score >= 60) { alert('D'); } else { alert('E'); } */ // 7.预习下循环控制for循环 </script>
来源:https://www.cnblogs.com/tbbb/p/15227409.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程
检测数据类型的四种方法
js中数组的方法,32种方法
前端操作方法
数据类型
window.localStorage.setItem 和 localStorage.setIte
如何完美解决前端数字计算精度丢失与数