js(学习笔记) ---- 九层之台,起于累土
条件语句用于基于不同的条件来执行不同的动作(代码逻辑)。
比较运算符
比较运算符在逻辑语句中使用,以测定变量或值是否相等。
条件语句
通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。
在 JavaScript 中,我们可使用以下条件语句:
- if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
- if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
- if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
- switch 语句 - 使用该语句来选择多个代码块之一来执行
If 语句
只有当指定条件为 true 时,该语句才会执行代码。
语法:
if (条件){
// 只有当条件为 true 时执行的代码
}
例子:
当年龄大于等于20岁时,才会输出age的值。
var age = 20
if (age >= 20) {
console.log(age) // 20
}
If...else 语句
条件为true时执行的代码,条件为false时执行其他代码
语法:
if(条件) {
// 条件为true时,执行的代码
} else {
// 条件为false时,执行的代码
}
例子:
如果年龄大于等于18岁,输出已成年 否则输出未成年
var age = 18
if (age >= 18) {
console.log('已经是成年人喽😀~')
} else {
console.log('小屁孩一个😜!')
}
If...else if...else 语句
使用 if....else if...else 语句来选择多个条件代码块之一来执行
语法:
if (条件 1){
当条件 1 为 true 时执行的代码
} else if (条件 2){
当条件 2 为 true 时执行的代码
} else {
当条件 1 和 条件 2 都不为 true 时执行的代码
}
例子:
var time = 'morning'
if (time === 'morning') {
console.log('Good morning 😊')
} else if (time === 'noon') {
console.log('Good noon 😃')
} else if (time === 'afternoon') {
console.log('Good afternoon 🙂')
} else {
console.log('Good evening 🌙')
}
1、早晨和上午: (early) morning、morning
2、上午: noon
3、下午:afternoon
4、晚上:evening
Switch 语句
switch 语句用于基于不同的条件来执行不同的动作。
请使用 switch 语句来选择要执行的多个代码块之一。
语法:
switch(n) {
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}
工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。
例子:
今天星期几?
var day = 2
switch (day) {
case 0:
console.log("Today it's Sunday");
break;
case 1:
console.log("Today it's Monday");
break;
case 2:
console.log("Today it's Tuesday");
break;
case 3:
console.log("Today it's Wednesday");
break;
case 4:
console.log("Today it's Thursday");
break;
case 5:
console.log("Today it's Friday");
break;
case 6:
console.log("Today it's Saturday");
break;
default:
console.log('今天 爱星期几 星期几, 我只想休息~😏')
}
default 关键字 (相当于if中的else)
请使用 default 关键词来规定不匹配时做的事情
条件运算符(三元运算符)
语法:
条件?为true时执行 : false时执行
例子:
贵还是便宜?
var price = 1
price < 10 ? console.log('太便宜了') : console.log('太贵了')
相当于if else 的简写
var price = 100
if (price < 10) {
console.log('太便宜了,能不能贵点儿')
} else {
console.log('太贵了,能不能便宜点儿')
}
// 三元运算写法
price < 10 ? console.log('太便宜了,能不能贵点儿') : console.log('太贵了,能不能便宜点儿')
献上emoji表情
逻辑运算符
if条件语句中的使用
逻辑与(&&)
语法:
// && 相当于并且 and
if (条件1 && 条件2) {
// 两边条件都为true时 就执行这里代码
}
例子:
成绩是否合格?
var score = 70
// 两边条件都为true时, 则执行里面代码
if (score >= 60 && score < 80) {
console.log('恭喜你🎉合格了')
}
逻辑或(||)
语法:
// || 相当于或者 or
if (条件1 || 条件2) {
// 只要其中一个条件为true, 就执行这里代码
}
例子:
var num = 1
if (num === 1 || num === 2) {
console.log('1或者2都行')
}
用作于取值
逻辑与&&
&& 前面值为false 就返回 前面的值
&& 前面值为true 就返回 后面的值
0 && 2 // 0
1 && 3 // 3
6 && NaN // NaN
逻辑或||
|| 前面值为true 就返回 前面的值
|| 前面值为false 就返回 后面的值
true || false // true
false || 2 // 2
1 || 6 // 1
'' || 2 // 2
'' || NaN // NaN
逻辑与&& 优先级高于 逻辑或||
3 || 0 && 8 // 3
1 && 3 || 0 && 8 || '123' // 3
// 小括号可以改变优先级
1 && (0 || 10) || 8 // 10
----------------------------------------------------------------------------------------------------------------<br>
参考文章&&强烈推荐:[布罗利](https://juejin.cn/user/747323636856551)