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



    前言

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


    一、if语句

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

    1.1 怎么使用

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

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

    在这里插入图片描述

    1.2 示例代码

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

    let hour = new Date().getHours();
    
    if (hour < 12) {
        console.log("早上好!");
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5

    在这里插入图片描述

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

    1.3 示例代码2

    let temperature = 25;
    
    if (temperature > 30) {
        console.log("天气很热!");
    } else {
        console.log("天气适中。");
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    在这里插入图片描述

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

    二、if…else语句

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

    2.1 怎么使用

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

    if (条件) {
        // 当条件为真时执行的代码
    } else {
        // 当条件为假时执行的代码
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5

    在这里插入图片描述

    2.2 示例代码

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

    let hour = new Date().getHours();
    
    if (hour < 12) {
        console.log("早上好!");
    } else {
        console.log("下午好!");
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    在这里插入图片描述

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

    2.3 示例代码

    let num = 8;
    
    if (num % 2 === 0) {
        console.log("这是一个偶数。");
    } else {
        console.log("这是一个奇数。");
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    在这里插入图片描述

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

    三、if…else if…语句

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

    3.1 怎么使用

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

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

    在这里插入图片描述

    3.2 示例代码

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

    let score = 85;
    
    if (score >= 90) {
        console.log("优秀!");
    } else if (score >= 70) {
        console.log("良好!");
    } else {
        console.log("加油!");
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    在这里插入图片描述

    在这个例子中,我们使用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("成绩不合格。");
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11

    在这里插入图片描述

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


    总结

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

  • 相关阅读:
    CSS添加新字体
    在编译源码的环境下,搭建起Discuz!社区论坛和WordPress博客的LNMP架构
    使用 Sealos 一键私有化部署 Serverless 框架 Laf
    什么是并行执行 以 Aptos、Sui、Linera 和 Fuel 为例给你讲透
    kaggle新赛:AI Village夺旗赛挑战
    常用的OLED透明显示屏款式,有几种?
    mysql之备份和恢复
    Kubernetes(K8s):未来云原生应用的引擎
    单商户商城系统功能拆解35—分销应用—分销概览
    Java基础常见知识&面试题总结(下)
  • 原文地址:https://blog.csdn.net/m0_62599305/article/details/133230211