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

目录

  • [1 if 语句](#1 if 语句)
  • [2 if...else 语句](#2 if...else 语句)
  • [3 比较运算符](#3 比较运算符)
  • [4 真值与假值](#4 真值与假值)
  • [5 逻辑运算符](#5 逻辑运算符)
  • [6 短路运算符](#6 短路运算符)
  • [7 三元表达式](#7 三元表达式)
  • [8 else if 语句](#8 else if 语句)
  • [9 switch...case 语句](#9 switch...case 语句)
  • 总结

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

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

1 if 语句

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

语法:

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

示例:

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

在代码区,我们新建一个javascript方法

将代码贴入到自定义方法中

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

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

2 if...else 语句

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

语法:

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

示例:

bash 复制代码
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 逻辑运算符

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

  • &&(逻辑与):当且仅当所有操作数都为真时,结果为真。
  • ||(逻辑或):当且仅当至少一个操作数为真时,结果为真。
  • !(逻辑非):将操作数的布尔值取反。

示例:

bash 复制代码
let isWeekend = true;
let hasAppointment = false;

if (isWeekend && !hasAppointment) {
    console.log("可以休息");
} else {
    console.log("需要处理事务");
}

if (isWeekend || hasAppointment) {
    console.log("今天可能不工作");
} else {
    console.log("今天上班");
}

6 短路运算符

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

示例:

bash 复制代码
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 语句的简写形式,用于简化代码。

语法:

bash 复制代码
condition ? expr1 : expr2;

示例:

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

8 else if 语句

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

语法:

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

示例:

bash 复制代码
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 语句

语法:

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

示例:

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

总结

我们本篇主要介绍低代码中,如何编写各种逻辑判断,可以用条件语句、三元表达式、switch语句。要想写出正确的代码,既要理解语法,还要理解在什么场景下使用什么,这样才能正确的应用。

相关推荐
Jeking2173 天前
低代码平台 Docker一键部署实战:工程项目立项&竣工验收一体化管理系统
低代码·流程引擎·表单设计·流程设计·表单引擎·unione clouod
液态不合群3 天前
卡死在生产流程?AI破解制造业数字化落地顽疾
网络·人工智能·低代码·重构
CIO_Alliance3 天前
iPaaS概念原理(2)| iPaaS的架构模型是怎样的?
人工智能·低代码·架构·ipaas·系统集成
SL-staff4 天前
(十七)「JVS-Rules规则引擎 V2.5」— 决策流程调用
低代码·api·规则引擎·jvs-rules·jvs·决策流程调用·在线模拟测试
Jeking2174 天前
Docker 一键部署实战:快速搭建供应商准入评审数字化管理系统
低代码·流程引擎·表单设计·流程设计·表单引擎·unione cloud
搭贝4 天前
低代码平台构建EHS环境健康安全管理系统:从隐患排查到合规审计的全流程实操指南
安全·低代码
mpp0075 天前
特赞 Clipo idea 发布:AI 正在进入社媒内容的“投前决策”环节
低代码·ai编程·ai智能开发
搭贝6 天前
低代码EMS能源管理系统构建:架构设计与落地实践指南(附IoT数据采集与能耗分析代码)
物联网·低代码·能源
HUIBUR科技7 天前
2026 年上半年,软件开发领域的 7 个观察
低代码·数字化转型
踩着两条虫8 天前
可视化 vs 终端 vs 云端:VTJ.PRO、Claude Code、Codex 三强横评
前端·vue.js·人工智能·低代码·架构