【Javascript保姆级教程】if判断语句的三种形式

news2024/11/15 17:18:05

文章目录

  • 前言
  • 一、if语句
    • 1.1 怎么使用
    • 1.2 示例代码
    • 1.3 示例代码2
  • 二、if...else语句
    • 2.1 怎么使用
    • 2.2 示例代码
    • 2.3 示例代码
  • 三、if...else if...语句
    • 3.1 怎么使用
    • 3.2 示例代码
    • 3.3 示例代码
  • 总结


前言

嗨,欢迎来到Javascript保姆级教程!在编写代码时,我们经常需要根据不同的情况来做出不同的决策和操作。这时候,就需要用到条件判断语句。今天,我们将学习Javascript中的三种主要条件判断语句:if、if…else和if…else if…。让我们一起来详细了解它们吧!


一、if语句

首先,我们来介绍最简单的条件判断语句——if语句。它的作用就像是我们生活中的判断条件一样,根据条件的真假来决定是否执行特定的操作。

1.1 怎么使用

我们可以这样使用if语句:

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

在这里插入图片描述

1.2 示例代码

让我们以每天的时间为例。如果现在的时间早于12点,我们就输出"早上好!":

let hour = new Date().getHours();

if (hour < 12) {
    console.log("早上好!");
}

在这里插入图片描述

在这个例子中,我们通过获取当前的小时数,然后使用if语句判断小时数是否小于12。如果是,就会打印出"早上好!"。

1.3 示例代码2

let temperature = 25;

if (temperature > 30) {
    console.log("天气很热!");
} else {
    console.log("天气适中。");
}

在这里插入图片描述

在这个示例中,我们使用if语句来判断温度是否高于30度。如果是,就输出"天气很热!“,否则输出"天气适中。”

二、if…else语句

接下来,我们来介绍带有备选方案的判断语句——if…else语句。它可以让我们在条件为假时,执行备选的操作。

2.1 怎么使用

使用if…else语句的方式如下:

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

在这里插入图片描述

2.2 示例代码

我们继续以时间为例。如果现在的时间早于12点,我们输出"早上好!“,否则就输出"下午好!”:

let hour = new Date().getHours();

if (hour < 12) {
    console.log("早上好!");
} else {
    console.log("下午好!");
}

在这里插入图片描述

在这个例子中,我们使用if…else语句来决定在不同时间输出不同的问候。

2.3 示例代码

let num = 8;

if (num % 2 === 0) {
    console.log("这是一个偶数。");
} else {
    console.log("这是一个奇数。");
}

在这里插入图片描述

在这个示例中,我们使用if…else语句来判断一个数字是否为偶数。如果是,就输出"这是一个偶数。“,否则输出"这是一个奇数。”

三、if…else if…语句

最后,我们介绍一种更复杂的条件判断语句——if…else if…语句。它允许我们在多个条件之间进行选择,执行符合条件的相应操作。

3.1 怎么使用

使用if…else if…语句的方式如下:

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

在这里插入图片描述

3.2 示例代码

让我们以考试成绩为例。根据不同的分数范围,输出不同的评价:

let score = 85;

if (score >= 90) {
    console.log("优秀!");
} else if (score >= 70) {
    console.log("良好!");
} else {
    console.log("加油!");
}

在这里插入图片描述

在这个例子中,我们使用if…else if…语句来判断不同的分数范围,并输出相应的评价。

3.3 示例代码

let grade = "B";

if (grade === "A") {
    console.log("成绩优秀!");
} else if (grade === "B") {
    console.log("成绩良好!");
} else if (grade === "C") {
    console.log("成绩及格!");
} else {
    console.log("成绩不合格。");
}

在这里插入图片描述

在这个示例中,我们使用if…else if…语句来根据不同的等级评定输出不同的提示信息。根据给定的成绩,输出相应的评价。


总结

恭喜你!你已经学会了Javascript中三种常用的条件判断语句:if、if…else和if…else if…。它们让我们能够根据不同的条件执行不同的操作。现在你已经具备了处理不同情况的能力,可以编写更灵活、智能的程序了。继续加油,掌握更多的Javascript知识!

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

学习笔记1——SSM的基础知识

SSM的基础知识 cs架构&#xff1a;多个客户端可以访问一台服务器 请求&#xff1a;协议&#xff1a;//主机[: 端口][/路径][?查询参数] http就是一种协议&#xff0c;https是一种带加密的协议更加安全一点主机&#xff1a;localhost端口号&#xff1a;因为tomcat和mysql都是…

Babylonjs学习笔记(二)——创建基本材质

书接上回&#xff0c;这里讨论给网格添加材质&#xff01;&#xff01;&#xff01; 准备好材质 1、创建材质球 /*** 创建网格材质* param scene 场景对象* returns 材质对象*/ const createGroundMaterial(scene:Scene):StandardMaterial>{const texArray:Texture[] []// …

计网----数据包在传输中的变化过程,单播组播和广播,APR协议,APR代理,免费ARP,DNS协议,路由数据转发过程

计网----数据包在传输中的变化过程&#xff0c;单播组播和广播&#xff0c;APR协议&#xff0c;APR代理&#xff0c;免费ARP&#xff0c;DNS协议&#xff0c;路由数据转发过程 一.数据包在传输中的变化过程&#xff08;在同一个路由器下&#xff09; 1.传输数据时&#xff0c…

《SQLi-Labs》04. Less 23~28a

title: 《SQLi-Labs》04. Less 23~28a date: 2023-10-19 19:37:40 updated: 2023-10-19 19:38:40 categories: WriteUp&#xff1a;Security-Lab excerpt: 联合注入&#xff0c;注释符过滤绕过之构造闭合&#xff0c;%00 截断、二次注入、报错注入&#xff0c;空格过滤绕过&…

蓝牙助听模块场景分析之一

蓝牙助听模块场景分析之一 使用经典蓝牙助听&#xff0c;低成本&#xff0c;cVc降噪&#xff0c;支持蓝牙音频。 利用高通cVc算法&#xff0c;本地麦克风&#xff08;支持单麦和双麦&#xff09;声音输入到高通QCC芯片&#xff0c;然后QCC芯片DSP&#xff08;cVc算法&#xf…

第十五章总结

一.输入/输出流 1.输入流 InputStrema类是字节输入流的抽象类&#xff0c;它是所有字节输入流的父类。 该类中所有方法遇到错误都会引发IOException异常。 read()方法&#xff1a;从输入流中读取数据的下一个字节。返回0~255的int字节值。如果因为已经到达流末尾而没…

开源智能体来啦!港大团队发布OpenAgents,可以搞数据分析、聊天、支持200+插件

夕小瑶科技说 原创 作者 | 智商掉了一地、ZenMoore 港大的研究团队最近发布了一个新的开源 Agent 框架&#xff0c;名为 OpenAgents. 它可以用于实际用户场景&#xff0c;特别是在使用自然语言执行复杂任务的情况下。先前的语言智能体框架主要关注概念验证或者供开发人员使用&…

6个无版权、免费、高清图片素材库

找免费无版权图片素材&#xff0c;就上这6个网站&#xff0c;超高质量&#xff0c;可商用&#xff0c;赶紧收藏&#xff01; 1、菜鸟图库 https://www.sucai999.com/pic.html?vNTYwNDUx 网站主要为新手设计师提供免费素材&#xff0c;这些素材的质量都很高&#xff0c;类别也…

如何让你的Node.js应用程序处理数百万的API请求

目录 一、了解 Node.JS 和 API 请求 二、优化 NodeJS 以实现高性能 1.使用异步操作 2.实现缓存 3.优化数据库查询 4.负载平衡 5.水平扩展 三、测试和监控性能 1.负载测试 2.应用程序性能监控(APM) 四、结论 一、了解 Node.JS 和 API 请求 在我们深入研究这些技术之…

【C语言基础】结构体中内嵌联合体|联合体中内嵌结构体

&#x1f4e2;&#xff1a;如果你也对机器人、人工智能感兴趣&#xff0c;看来我们志同道合✨ &#x1f4e2;&#xff1a;不妨浏览一下我的博客主页【https://blog.csdn.net/weixin_51244852】 &#x1f4e2;&#xff1a;文章若有幸对你有帮助&#xff0c;可点赞 &#x1f44d;…

【算法|动态规划No.22】leetcode115. 不同的子序列

个人主页&#xff1a;兜里有颗棉花糖 欢迎 点赞&#x1f44d; 收藏✨ 留言✉ 加关注&#x1f493;本文由 兜里有颗棉花糖 原创 收录于专栏【手撕算法系列专栏】【LeetCode】 &#x1f354;本专栏旨在提高自己算法能力的同时&#xff0c;记录一下自己的学习过程&#xff0c;希望…

jmeter接口自动化测试

前面我们复习了jmeter 的非图形化界面运行我们的测试接口。 大家可以翻看往期jmeter的文章。 具体来说就是&#xff1a;jmeter -n -t ****.jmx -l ****.jtl -e -o **** (*号代表路径&#xff09; 生成了测试报告。 但是这个非图形化运行有个缺点&#xff0c;就是只能运…

Pygame中实现图片的移动

在《Pygame中将鼠标形状设置为图片2-1》和《Pygame中将鼠标形状设置为图片2-2》中提到将鼠标设置为指定图片。接下来在该文章涉及到的代码基础之上&#xff0c;实现图片的移动&#xff0c;效果如图1所示。 图1 图片移动效果 从图1中可以看出&#xff0c;导入一个大猩猩的图片&…

DailyPractice.2023.10.19

文章目录 1. 24. 两两交换链表中的节点2. 23. 合并 K 个升序链表3.148. 排序链表4.236. 二叉树的最近公共祖先5.78. 子集6.138. 随机链表的复制7.25. K 个一组翻转链表 1. 24. 两两交换链表中的节点 24. 两两交换链表中的节点 /*** Definition for singly-linked list.* stru…

扫描全能王文档矫正逆向记录

背景 扫描全能王有个功能是将弯曲的文本拉直成平直的文本。在扫描全能王的app上&#xff0c;这个功能的入口在拍书籍的tab。同时在图片编辑页面&#xff0c;也有个按钮可以触发这个功能。它的效果大概如下。 这篇文章主要介绍如何逆向这个算法 初步定位 对扫描王apk初步逆向…

【软考-中级】系统集成项目管理工程师 【15 信息 (文档) 和配置管理】

持续更新。。。。。。。。。。。。。。。 【第十五章】信息&#xff08;文档&#xff09;和配置管理 知识精讲考点 1:软件文档一般分为三类:开发文档、产品文档、管理文档。考点 2:文档的质量可以分为四级:考点 3:配置管考点 4:考点 5:考点6:考点 7:配置项版本号:考点 8:考点9…

[BUUCTF newstar week2] crypto/pwn/reverse

难度上来了&#xff0c;而且比赛加多了&#xff0c;newStar/0xGame/SHCTF&#xff0c;moe也结束了&#xff0c;周末还有TCP1P&#xff0c;来不及写东西了。抓时间先一个个来吧。 crypto 滴啤 就是dp的意思&#xff0c;也就是泄露dp求分解 from Crypto.Util.number import *…

汽车标定的ASAM MCD-1 POD

1.导语 ​做汽车标定slave基础软件以及做参数标定的同学&#xff0c;对ASAM MCD-2-MC(ASAP2&#xff0c;人话A2L文件)、ASAM MCD-1-XCP&#xff08;人话xcp协议&#xff09;一定非常熟悉。 常见的标定套件也是由很熟悉的供应商提供&#xff0c;例如ETAS的INCAES500系列产品、…

Hadoop3教程(二十三):Yarn的三大调度器

文章目录 &#xff08;129&#xff09;FIFO调度器&#xff08;130&#xff09;容量调度器特点资源分配算法 &#xff08;131&#xff09;公平调度器特点缺额的定义队列资源分配方式基于FIFO策略基于Fair策略资源分配算法 DRF策略 参考文献 &#xff08;129&#xff09;FIFO调度…

R6G azide, 5-isomer具有良好的水溶性,2135330-71-9

试剂 | 基础知识概述&#xff08;部分&#xff09;: 英文名称&#xff1a;R6G azide, 5-isomer CAS&#xff1a;2135330-71-9 分子式&#xff1a;C30H32N6O4 分子量&#xff1a;540.61 规格标准&#xff1a;10mg&#xff0c;25mg&#xff0c;50mg&#xff0c;可提供mg级以…