JavaScript if...Else 语句 功能 用法运用 详解

news/2025/3/10 19:45:19/文章来源:https://www.cnblogs.com/baisemoshui/p/18763482

JavaScript if...else 语句

功能if...else 语句用于根据条件执行不同的代码块。它是 JavaScript 中最基本的条件语句之一,允许你根据表达式的布尔值(truefalse)来控制程序的执行流程。

用法及运用

基本结构

if (condition) {// 当条件为 true 时执行的代码块
} else {// 当条件为 false 时执行的代码块
}
  • condition:一个表达式,该表达式会返回一个布尔值。
  • if:当 conditiontrue 时,执行这个代码块。
  • else:当 conditionfalse 时,执行这个代码块。

示例

let score = 85;if (score >= 60) {console.log("Pass");
} else {console.log("Fail");
}

在这个示例中,如果 score 大于或等于 60,输出 "Pass";否则,输出 "Fail"。

扩展结构

if...else if...else

当需要处理多个条件时,可以使用 else if 来添加额外的条件判断。

if (condition1) {// 当 condition1 为 true 时执行的代码块
} else if (condition2) {// 当 condition1 为 false 且 condition2 为 true 时执行的代码块
} else {// 当 condition1 和 condition2 都为 false 时执行的代码块
}

示例

let score = 75;if (score >= 90) {console.log("A");
} else if (score >= 80) {console.log("B");
} else if (score >= 70) {console.log("C");
} else if (score >= 60) {console.log("D");
} else {console.log("F");
}

在这个示例中,根据 score 的不同范围,输出不同的等级。

嵌套 if...else

可以在 ifelse 块中嵌套另一个 if...else 语句。

if (condition1) {if (condition2) {// 当 condition1 和 condition2 都为 true 时执行的代码块} else {// 当 condition1 为 true 且 condition2 为 false 时执行的代码块}
} else {// 当 condition1 为 false 时执行的代码块
}

示例

let age = 20;
let hasLicense = true;if (age >= 18) {if (hasLicense) {console.log("You can drive.");} else {console.log("You need a license to drive.");}
} else {console.log("You are too young to drive.");
}

在这个示例中,首先检查 age 是否大于或等于 18,如果是,则进一步检查 hasLicense 是否为 true

注意事项

  • 条件表达式if 语句中的条件表达式可以是任意能够返回布尔值的表达式。
  • 代码块:如果 ifelse 语句中只有一条语句,可以省略大括号 {},但为了代码的可读性和避免错误,通常建议总是使用大括号。
  • 短路求值:在复杂的条件表达式中,可以利用逻辑运算符(如 &&||)进行短路求值,以提高效率。
  • 避免嵌套过深:过多的嵌套层级会降低代码的可读性和可维护性,尽量保持逻辑简洁。

综合运用示例

function checkWeather(temperature, weather) {if (temperature > 30) {console.log("It's a hot day.");if (weather === "sunny") {console.log("Wear light clothes and sunscreen.");} else {console.log("Stay indoors or carry an umbrella.");}} else if (temperature >= 20) {console.log("It's a nice day.");if (weather === "sunny") {console.log("Perfect for a walk.");} else {console.log("Might want to carry a jacket.");}} else {console.log("It's a bit cold today.");console.log("Dress warmly.");}
}checkWeather(25, "sunny");
checkWeather(35, "cloudy");
checkWeather(15, "rainy");

在这个综合运用示例中,checkWeather 函数根据温度和天气条件输出不同的建议。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/896940.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

3.10 学习记录

实现了员工页面的前端代码实现点击查看代码 <script setup> import { ref, onMounted } from vue import axios from axiosconst searchEmp = ref({name: ,gender: ,job: , })onMounted(() => {search(); })const search = async () => {const url = `https://web-…

transformer 中的掩码类型

知识是我们已知的也是我们未知的基于已有的知识之上我们去发现未知的由此,知识得到扩充我们获得的知识越多未知的知识就会更多因而,知识扩充永无止境

如何设计、维护和推广 API:专业人士的实用指南

API 在今天的数字化环境中扮演着至关重要的角色,它们作为系统和应用程序之间的连接纽带。对于公司而言,打造用户喜爱的 API、有效地维护它们并成功地在内部和外部推广,不仅能提高数字价值,还能带来巨大的业务收益。 API 设计是创建一个标准化、易于理解且稳定的应用程序接口…

springboot引入nacos

springboot引入nacos 一、 环境准备(windows为例)安装nacos(github镜像网址:Releases alibaba/nacos) 推荐下载发行版启动nacos本地服务 下载完毕,建议解压到没有中文路径的文件夹,在bin目录下打开cmd对话框输入下面命令启动nacos startup.cmd -m standalone启动成功出现以…

95%开发者不知道的调试黑科技:Apipost让WebSocket开发效率翻倍的秘密

在现代 Web 开发中,Websocket 作为一种常见的 Web 协议,与 Restful API 有着本质的不同。Restful API是基于请求-响应模式的单向通信,而 WebSocket 提供全双工通信渠道,允许客户端和服务器之间进行实时双向数据传输。这种特性使得它在需要实时交互的场景中大放异彩,比如 I…

题解:P9221 「TAOI-1」Pentiment

P9221 解题报告 一眼线段树优化 dp,但是调了7h。 首先考虑朴素 dp,设 \(dp_{i,j}\) 表示走到第 \(i\) 行第 \(j\) 列的方案数,转移: \[dp_{i,j}=\sum dp_{i-1,k} \]其中 \(k\) 表示第 \(i\) 行可以走到 \(j\) 的列。 比如如果第 \(i\) 行是下面这种情况:当 \(j=3\) 时,\(…

【Java开发】Tools4AI:一个适用于企业Java应用的开源智能体框架

一、简介 GitHub主页:(https://github.com/vishalmysore/Tools4AI) Tools4AI 是一个基于 Java 的开源智能体框架,它为企业Java应用程序提供了一种集成人工智能的独特方法。作为一个大型动作模型(Large Action Model,LAM)智能体,Tools4AI 能够根据自然语言指令自主执行任务…

英语328个词缀和词根汇总(14张图)

在所有的单词记忆法中,构词法是最科学、记忆效果最佳的词汇记忆法。下面整理了高中常用的词根、词缀。利用有限的词根、词缀对英语单词进行构词分析和解形释义,单词变得好认又好记,词义也一目了然。通过构词法记单词,可以举一反三,记一识十,从而达到事半功倍的记忆效果。…

No.48 ES6---数组扩展之扩展运算符和新增方法

一、数组扩展之扩展运算符 1.扩展运算符扩展运算符(spread)是三个点(…)。将一个数组转为用逗号分隔的参数序列。<script>var arr = [10,23,45,6,7];//以前获取数组中的每个元素for(let i = 0;i<arr.length;i++){console.log(arr[i]);}//有了扩展运算符之后console.lo…

Zabbix 7.0 LTS 部署

Zabbix 7.0LTS教程 一、环境介绍 操作系统:Rocky Linux 9.5 软件版本:7.0LTS 二、安装教程 官网:Zabbix:企业级开源监控解决方案 点击右上角的下载ZABBIX选择对应的环境:选择之后往下拉会看到相应的部署步骤:2.1 软件源配置 按照文档提示:如果有epel.repo源码,需要先注释…

IDC机房无人值守:智能运维一体化解决方案

“智和网管平台”,通过实时监控、远程配置等技术实现数据中心机房的自动检测、自动报警、自动修复等功能,从而达到无需人工干预的机房运维状态,减少人为因素对设备运行的干扰,增强机房设备、设施数据的直观可视性、提高其利用率。 企业数字化转型以及5G、物联网、云…