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

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

前言


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


一、if语句


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


1.1 怎么使用

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

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


e7f6f2a8db5142308b7e7593102f7982.png

1.2 示例代码

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

let hour = new Date().getHours();
if (hour < 12) {
    console.log("早上好!");
}


f212f736a9eb435184f562500e7e6442.png

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


1.3 示例代码2

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


e41918610c244550b68122b8fc370ddd.png

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


二、if…else语句


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


2.1 怎么使用

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

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


c9ec4fed39ad4f358ecf57c9651b3627.png

2.2 示例代码

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

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


06b3edf675554ebb8ee2194db8ddabbc.png

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


2.3 示例代码

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


ca5c1032247645d6adb8d1971b2873de.png

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


三、if…else if…语句


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


3.1 怎么使用

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

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


51248857def74cf2a8c59aeab9a9fac4.png


3.2 示例代码

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

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


e136cd72674c46ec873a1988b00518f6.png

在这个例子中,我们使用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("成绩不合格。");
}


6bf0eb54846f4f5ba60f1c354a7ca438.png

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


总结


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

相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
32 2
2024年5月node.js安装(winmac系统)保姆级教程
|
5月前
|
JavaScript
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
231 0
|
2月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
48 4
|
2月前
|
JavaScript 前端开发 Java
Node.js 教程
10月更文挑战第1天
58 0
|
4月前
|
JavaScript NoSQL 前端开发
|
5月前
|
JSON JavaScript 数据格式
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
466 3
|
5月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
253 0
|
5月前
|
开发框架 监控 JavaScript
企业级node.js开发框架 【egg.js】 实用教程
企业级node.js开发框架 【egg.js】 实用教程
78 0
|
5月前
命令行加载特效 【cli-spinner.js】 实用教程
命令行加载特效 【cli-spinner.js】 实用教程
56 0
|
5月前
|
JavaScript
文件查询匹配神器 【glob.js】 实用教程
文件查询匹配神器 【glob.js】 实用教程
79 0