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

文章目录

  • 前言
  • 一、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 (条件) {
    // 当条件为真时执行的代码
}

【Javascript保姆级教程】if判断语句的三种形式_第1张图片

1.2 示例代码

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

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

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

【Javascript保姆级教程】if判断语句的三种形式_第2张图片

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

1.3 示例代码2

let temperature = 25;

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

【Javascript保姆级教程】if判断语句的三种形式_第3张图片

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

二、if…else语句

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

2.1 怎么使用

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

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

【Javascript保姆级教程】if判断语句的三种形式_第4张图片

2.2 示例代码

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

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

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

【Javascript保姆级教程】if判断语句的三种形式_第5张图片

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

2.3 示例代码

let num = 8;

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

【Javascript保姆级教程】if判断语句的三种形式_第6张图片

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

三、if…else if…语句

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

3.1 怎么使用

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

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

【Javascript保姆级教程】if判断语句的三种形式_第7张图片

3.2 示例代码

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

let score = 85;

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

【Javascript保姆级教程】if判断语句的三种形式_第8张图片

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

【Javascript保姆级教程】if判断语句的三种形式_第9张图片

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


总结

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

你可能感兴趣的:(Javascript保姆级教程,javascript,udp,开发语言,前端,ecmascript,java)