javaScript基础学习 – 6 – JavaScript流程控制 – 案例代码
- 1. if分支语句
- 2. 进入网吧案例
- 3. if else双分支语句
- 4. 判断闰年案例
- 6. if else if多分支语句
- 7. 判断成绩案例
- 8. 三元表达式
- 9. 数字补0案例
- 10. switch分支语句
- 11. switch注意事项
- 12. 查询水果案例
1. if分支语句
<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\"><title>Document</title><script>// 1. if 的语法结构 如果if// if (条件表达式) {// // 执行语句// }// 2. 执行思路 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句// 如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码// 3. 代码体验if (3 < 5) {alert(\'沙漠骆驼\');}</script></head><body></body></html>
2. 进入网吧案例
<script>// 1. 弹出 prompt 输入框，用户输入年龄， 程序把这个值取过来保存到变量中// 2. 使用 if 语句来判断年龄，如果年龄大于18 就执行 if 大括号里面的输出语句var age = prompt(\'请输入您的年龄:\');if (age >= 18) {alert(\'我想带你去网吧玩吃鸡\');}</script>
3. if else双分支语句
<script>// 1. 语法结构 if 如果 else 否则// if (条件表达式) {// // 执行语句1// } else {// // 执行语句2// }// 2. 执行思路 如果表达式结果为真 那么执行语句1 否则 执行语句2// 3. 代码验证var age = prompt(\'请输入您的年龄:\');if (age >= 18) {alert(\'我想带你去网吧玩吃鸡\');} else {alert(\'回家做作业去\');}// 5. if里面的语句1 和 else 里面的语句2 最终只能有一个语句执行 2选1// 6. else 后面直接跟大括号</script>
4. 判断闰年案例
<script>// 算法：能被4整除且不能整除100的（如2004年就是闰年，1901年不是闰年）或者能够被 400 整除的就是闰年// 弹出prompt 输入框，让用户输入年份，把这个值取过来保存到变量中// 使用 if 语句来判断是否是闰年，如果是闰年，就执行 if 大括号里面的输出语句，否则就执行 else里面的输出语句// 一定要注意里面的且 && 还有或者 || 的写法，同时注意判断整除的方法是取余为 0var year = prompt(\'请您输入年份：\');if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {alert(\'您输入的年份是闰年\');} else {alert(\'您输入的年份是平年\');}</script>
6. if else if多分支语句
<script>// 1. 多分支语句 就是利用多个条件来选择不同的语句执行 得到不同的结果 多选1 的过程// 2. if else if语句是多分支语句// 3. 语法规范if (条件表达式1) {// 语句1;} else if (条件表达式2) {// 语句2;} else if (条件表达式3) {// 语句3;} else {// 最后的语句;}// 4. 执行思路// 如果条件表达式1 满足就执行 语句1 执行完毕后，退出整个if 分支语句// 如果条件表达式1 不满足，则判断条件表达式2 满足的话，执行语句2 以此类推// 如果上面的所有条件表达式都不成立，则执行else 里面的语句// 5. 注意点// (1) 多分支语句还是多选1 最后只能有一个语句执行// (2) else if 里面的条件理论上是可以任意多个的// (3) else if 中间有个空格了</script>
7. 判断成绩案例
<script>// 伪代码 按照从大到小判断的思路// 弹出prompt输入框，让用户输入分数（score），把这个值取过来保存到变量中// 使用多分支 if else if 语句来分别判断输出不同的值var score = prompt(\'请您输入分数:\');if (score >= 90) {alert(\'聪明绝顶\');} else if (score >= 80) {alert(\'优秀\');} else if (score >= 70) {alert(\'出色\');} else if (score >= 60) {alert(\'just搜搜\');} else {alert(\'路还很长\');}</script>
8. 三元表达式
<script>// 1. 有三元运算符组成的式子我们称为三元表达式// 2. ++num 3 + 5 ? :// 3. 语法结构// 条件表达式 ？ 表达式1 ： 表达式2// 4. 执行思路// 如果条件表达式结果为真 则 返回 表达式1 的值 如果条件表达式结果为假 则返回 表达式2 的值// 5. 代码体验var num = 10;var result = num > 5 ? \'是的\' : \'不是的\'; // 我们知道表达式是有返回值的console.log(result);// if (num > 5) {// result = \'是的\';// } else {// result = \'不是的\';// }</script>
9. 数字补0案例
<script>// 用户输入0~59之间的一个数字// 如果数字小于10，则在这个数字前面补0,（加0 拼接） 否则 不做操作// 用一个变量接受这个返回值，输出var time = prompt(\'请您输入一个 0 ~ 59 之间的一个数字\');// 三元表达式 表达式 ？ 表达式1 ：表达式2var result = time < 10 ? \'0\' + time : time; // 把返回值赋值给一个变量alert(result);</script>
10. switch分支语句
<script>// 1. switch 语句也是多分支语句 也可以实现多选1// 2. 语法结构 switch 转换、开关 case 小例子或者选项的意思// switch (表达式) {// case value1:// 执行语句1;// break;// case value2:// 执行语句2;// break;// ...// default:// 执行最后的语句;// }// 3. 执行思路 利用我们的表达式的值 和 case 后面的选项值相匹配 如果匹配上，就执行该case 里面的语句 如果都没有匹配上，那么执行 default里面的语句// 4. 代码验证switch (8) {case 1:console.log(\'这是1\');break;case 2:console.log(\'这是2\');break;case 3:console.log(\'这是3\');break;default:console.log(\'没有匹配结果\');}</script>
11. switch注意事项
<script>// switch注意事项var num = 1;switch (num) {case 1:console.log(1);case 2:console.log(2);case 3:console.log(3);break;}// 1. 我们开发里面 表达式我们经常写成变量// 2. 我们num 的值 和 case 里面的值相匹配的时候是 全等 必须是值和数据类型一致才可以 num === 1// 3. break 如果当前的case里面没有break 则不会退出switch 是继续执行下一个case</script>
12. 查询水果案例
<script>// 1. 弹出 prompt 输入框，让用户输入水果名称，把这个值取过来保存到变量中。// 2. 将这个变量作为 switch 括号里面的表达式。// 3. case 后面的值写几个不同的水果名称，注意一定要加引号 ，因为必须是全等匹配。// 4. 弹出不同价格即可。同样注意每个 case 之后加上 break ，以便退出 switch 语句。// 5. 将 default 设置为没有此水果。var fruit = prompt(\'请您输入查询的水果:\');switch (fruit) {case \'苹果\':alert(\'苹果的价格是 3.5/斤\');break;case \'榴莲\':alert(\'榴莲的价格是 35/斤\');break;default:alert(\'没有此水果\');}</script>
爱站程序员基地
