微搭低代码入门02条件语句

这是我们低代码入门的第二篇，第二篇主要讲解一下条件语句。什么是条件语句，现实世界中我们每天要做形形色色的各种决策。今天要不要吃早点？我是吃汉堡还是吃豆浆油条。今天要不要备伞，我是坐地铁去上班，还是开车去。

这些各种的决策的逻辑就是我们在编程世界里的条件语句，我们介绍一下具体的语法，在低码编辑器里演示一下具体的用法。

1 if 语句

if 语句是最基本的条件语句，用于在条件为真时执行一段代码。

语法：

if (condition) {// 当 condition 为真时执行的代码
}

示例：

let age = 18;
if (age >= 18) {console.log("你是成年人");
}

在代码区，我们新建一个javascript方法
在这里插入图片描述
将代码贴入到自定义方法中

在页面中添加一个按钮，调用我们写的自定义方法

点击按钮可以看到控制台打印出你是成年人

2 if…else 语句

if…else 语句用于在条件为真时执行一段代码，否则执行另一段代码。

语法：

if (condition) {// 当 condition 为真时执行的代码
} else {// 当 condition 为假时执行的代码
}

示例：

let age = 16;
if (age >= 18) {console.log("你是成年人");
} else {console.log("你是未成年人");
}

将代码贴入到我们写的自定义方法中，可以看到控制台新的结果
在这里插入图片描述

3 比较运算符

在 if 语句的条件中，我们通常使用比较运算符来判断条件是否成立。常见的比较运算符有：

大于 >
小于 <
大于等于 >=
小于等于 <=
严格等于（值和类型都相等）===
严格不等于（值和类型都不相等） !==
等于（只比较值，不考虑类型，但不建议使用）==
不等于（只比较值，不考虑类型，但不建议使用）!=

4 真值与假值

在 JavaScript 中，以下值被认为是假（falsy）：

false
0 和 -0
“”（空字符串）
null
undefined
NaN（Not-a-Number）

其他所有值都被认为是真（truthy）。

5 逻辑运算符

逻辑运算符用于组合多个条件。

&&（逻辑与）：当且仅当所有操作数都为真时，结果为真。
||（逻辑或）：当且仅当至少一个操作数为真时，结果为真。
!（逻辑非）：将操作数的布尔值取反。

示例：

let isWeekend = true;
let hasAppointment = false;if (isWeekend && !hasAppointment) {console.log("可以休息");
} else {console.log("需要处理事务");
}if (isWeekend || hasAppointment) {console.log("今天可能不工作");
} else {console.log("今天上班");
}

6 短路运算符

短路运算符是指 && 和 || 在计算过程中，一旦能确定整个表达式的值，就会停止计算剩下的部分。

示例：

let a = true;
let b = false;
let result = a && (console.log("短路了"), false); // 输出 "短路了"，result 为 false
let result2 = b || (console.log("短路了"), true); // result2 为 true，不输出 "短路了"

7 三元表达式

三元表达式是 if…else 语句的简写形式，用于简化代码。

语法：

condition ? expr1 : expr2;

示例：

let age = 18;
let status = age >= 18 ? "成年人" : "未成年人";
console.log(status); // 输出 "成年人"

8 else if 语句

else if 语句用于检查多个条件。

语法：

if (condition1) {// 当 condition1 为真时执行的代码
} else if (condition2) {// 当 condition2 为真时执行的代码
} else {// 当所有条件都为假时执行的代码
}

示例：

let score = 85;
if (score >= 90) {console.log("优秀");
} else if (score >= 75) {console.log("良好");
} else if (score >= 60) {console.log("及格");
} else {console.log("不及格");
}

9 switch…case 语句

语法：

switch (expression) {case value1:// 当 expression 等于 value1 时执行的代码break;case value2:// 当 expression 等于 value2 时执行的代码break;// 可以有多个 case 语句default:// 当 expression 不等于任何一个 case 的值时执行的代码
}

示例：

let day = "Tuesday";
switch (day) {case "Monday":console.log("今天是周一");break;case "Tuesday":console.log("今天是周二");break;case "Wednesday":console.log("今天是周三");break;default:console.log("今天是其他日子");
}