标签：语句 case JavaScript 精髓 alert break 条件 else
带你走进从零认识JavaScript到精髓（五）JavaScript 分支语句
一、什么是JavaScript的语句
表达式在javascript中是短语，换行的短语或分号结束的短语就是一行语句。JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。语句通常使用一个或者多个关键字来完成指定的任务，浏览器会按照编写顺序来执行每条语句。语句大小写敏感。
javascript语句：JavaScript语句向浏览器发送的命令。语句的作用是告诉浏览器该做什么。
分号
- 分号用于分隔 JavaScript 语句。
- 通常我们在每条可执行的语句结尾添加分号。
- 使用分号的另一用处是在一行中编写多条语句。
1.1语句的声明
// 1、每行一条语句
var a = 1;
var b = 2;
var sum = a + b;
var c = 1 + 2;
console.log(a,b,sum);
// 2、一行多条语句
var a,b;a = 1;b = 2;var sum = a + b;
console.log(a,b,sum);
1.2JavaScript代码块
JavaScript可以分配地组织起来，代码块以左花括号开始，以右花括号结束。
作用：代码块可以将多行语句排成序列依次执行
二、条件判断语句
条件语句用于基于不同的条件来执行不同的动作。通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。
在 JavaScript 中，我们可使用以下条件语句：
if语句 - 只有当指定条件为true时，使用该语句来执行代码if...else语句 - 当条件为true时执行代码，当条件为false时执行其他代码if...else if....else语句- 使用该语句来选择多个代码块之一来执行
条件语句：通过判断指定表达式的值来决定执行还是跳过某些语句
语法：
// 1、先判断条件是否满足情况
if (条件) {
当上面括号里的条件为 true 时执行的代码
}
// 2、if代码块后面，还可以跟一个else代码块，表示条件不满足时，所要执行的代码
if (条件) {
当上面括号里的条件为 true 时执行的代码
} else {
当上面括号里的条件不为 true 时执行的代码
}
// 3、多分支语句
if (条件1) {
当条件 1 为 true 时执行的代码
} else if (条件2) {
当条件 2 为 true 时执行的代码
} else {
当条件 1 和 条件 2 都不为 true 时执行的代码
}
示例：
/*
if-alse选择结构：条件是一个范围判断
条件运算的结果：true/ false
if(条件){ // 条件结果只能是true/false
....
} else {
....
}
*/
/*
生活中，经常出现带有条件的现实场景
考试成绩
成绩>=60 及格
*/
// 要求用户从键盘录入一个成绩
var score = prompt("请录入成绩");
// 范围判断
if(score >= 60) {
alert("成绩及格");
}
// 怎么输出成绩不合格呢？表示条件不满足时，所要执行的代码
if (score >= 60){
alert("成绩及格");
} else {
alert("成绩不及格");
}
// 用一个gender接受输入的性别
var gender = prompt('您的性别是：');
// if 判断性别
if (gender == '男') {
alert('上男厕所吧！')
} else if (gender == '女') {
alert('上女厕所吧！')
} else {
alert('不知道了')
}
/*
用户录入成绩单，成绩在86~100评价优秀；71~85良好；60~70及格；0~59不及格！
*/
// 键盘录入成绩
var score = prompt("请录入成绩");
// if-else判断
// if(0 <= score < 60) {// 错误的！！！！！！！
if(score >= 0 && score < 60){// 如果 if(条件)
alert("不及格");
} else if(score >= 60 && score <= 70) { // 再如果 else if(条件)
alert("及格");
} else if(score >= 71 && score <= 85) {//
alert("良好");
} else if(score >= 86 && score <= 100) {
alert("优秀");
} else {// 否则 没有条件
alert("这里已经不是你的舞台了......");
}
/*
逻辑运算符
并且：&&
条件1 并且 条件2 并且 条件3....
当所有条件为true ，结果就是true
当任意一个条件为false，结果为false
*/
三、Switch语句
switch 语句用于基于不同的条件来执行不同的动作。它工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case。 case穿透 由于switch case语句在比较的时候用的是全等
语法：
/* switch-case 选择结构
条件是一个具体的数据，使用具体的数据和case中的数据进行全等比较
switch(数值){
case 数值1: // 其实进行了 数值 === 数值1 的判断
....
break;
....
}
像选择题
*/
switch(n) {
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
break;
//n 与 case 1 和 case 2 不同时执行的代码
};
/*
switch-case选择结构
条件是一个具体的数据，使用具体的数据和case中的数据进行全等比较
switch(数值) {
case 数值1:// 其实是进行了 数值 === 数值1 的判断
.....
break;
.....
}
*/
/* 1. 练习switch-case的第一个案例*/
/*
var choice = prompt("请输入你的选项:");
switch(choice) {
case "A":// choice === "A"
alert("答案错误");
break;
case "B":
alert("答案正确");
break;
case "C":
alert("答案错误");
break;
case "D":
alert("答案错误");
break;
default:
alert("你脑子有炮啊……");
}
*/
/*2. 练习switch-case的第二个案例*/
var choice = prompt("请输入你的选项:");
switch(choice) {
case "A":// 没有在case中添加break;。会造成case穿透
var x = "*******";
case "C":
var c = "********";
case "D":
alert("答案错误");
break;
case "B":
alert("答案正确");
break;
default:
alert("没有这个选项");
}
/*3.输入0-6整数，判断星期*/
/*
// 用户输入整数
var num = prompt("请输入整数：");// "3"
// 判断
switch(num) {// switch()括号中间是一个具体的数值 没有隐式类型转换
case "0":// case后面是要跟num比较的数值
alert("星期天");
break;// 执行完这个case之后，结束选择语句
case "1":
alert("星期一");
break;
case "2":
alert("星期二");
break;
case "3":
alert("星期三");
break;
case "4":
alert("星期四");
break;
case "5":
alert("星期五");
break;
case "6":
alert("星期六");
break;
default:// 否则
alert("没有这一天");
}
*/
default 关键词
请使用 default 关键词来规定匹配不存在时做的事情.
示例：
var num = Number(prompt("请输入一个数："));
switch(num) {
case 1:
alert("你好数字1");
break;
case 2:
alert("你好数字2");
break;
default:
alert("你好其它数字");
break;
}
写在后面：
世界上最遥远的距离，就是你在if里我在else里，似乎一直相伴却永远分离；
世界上最痴心的等待，就是你是switch我是case，或许永远选不上自己，但是永远相伴。
总结
以上就是今天带你走进从零认识带你走进从零认识JavaScript到精髓（五）JavaScript 分支语句
会持续更新中…
原创不易，期待您的点赞关注与转发评论
标签：语句,case,JavaScript,精髓,alert,break,条件,else
来源： https://blog.csdn.net/weixin_48193717/article/details/121167610
本站声明：
1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。