JS if else语句(条件判断语句)的详细使用

更新时间：2022年09月15日 10:24:29 作者：恁..

条件语句用于基于不同的条件来执行不同的动作,下面这篇文章主要给大家介绍了关于JS if else语句(条件判断语句)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

前言

条件判断语句是程序开发过程中一种经常使用的语句形式，和大部分编程语言相同，JavaScript 中也有条件判断语句。所谓条件判断，指的是程序根据不同的条件来执行不同的操作，例如根据年龄来显示不同的内容，根据布尔值 true 或 false 来判断操作是成功还是失败等。

JavaScript 中支持以下几种不同形式的条件判断语句：

if 语句；
if else 语句；
if else if else 语句；
switc case 语句。

下面为大家介绍if、if else、if else if else 语句的使用

if语句

if 语句是 JavaScript 中最简单的条件判断语句，语法格式如下：

if(条件表达式){
// 要执行的代码;
}

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var age = 20;
        if(age >= 18){      // 如果 age >= 18 的结果为 true，则执行下面 { } 中的代码
            alert("adult");
        }
    </script>
</body>
</html>

运行效果图如下：

if else 语句

if else 语句是 if 语句的升级版，它不仅可以指定当表达式成立时要执行的代码，还可以指定当表达式不成立时要执行的代码，语法格式如下：

if(条件表达式){
// 当表达式成立时要执行的代码
}else{
// 当表达式不成立时要执行的代码
}

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
       var age =prompt("请输入你的年龄：");
       if(age >=18){
        alert('你可以进入该网吧！');
       }
       else{ 
        alert('你还是未成年哦！');
       }
    </script>
</body>
</html>

运行效果图：

if else if else 语句

if 和 if else 语句都只有一个条件表达式，而 if else if else 语句是它们更高级的形式，在 if else if else 语句中允许您定义多个条件表达式，并根据表达式的结果执行相应的代码，语法格式如下：

if (条件表达式 1) {
    // 条件表达式 1 为真时执行的代码
} else if (条件表达式 2) {
    // 条件表达式 2 为真时执行的代码
}
...
else if (条件表达式N) {
    // 条件表达式 N 为真时执行的代码
} else {
    // 所有条件表达式都为假时要执行的代码
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var score=prompt('请输入你的成绩：');
        if(score>=90){     
            alert('A');    //成绩90分以上输出A
        }else if(score>=80){
            alert('B');    //成绩在80-90之间输出B
        }else if(score>=70){
            alert('C');    //成绩在70-80之间输出C
        }else if(score>=60){
            alert('D');    //成绩在60-70之间输出D
        }else{
            alert('E');    //60分以下输出E
        }
    </script>
</head>
<body>
    
</body>
</html>

运行效果图如下：

注意事项

使用嵌套 if else 时，如果只有一行语句，也应该使用大括号包裹起来，避免条件歧义。

总结

到此这篇关于JS if else语句(条件判断语句)的文章就介绍到这了,更多相关JS if else 条件判断语句内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
这篇文章主要介绍了使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法,需要的朋友可以参考下
2014-04-04
一步快速解决微信小程序中textarea层级太高遮挡其他组件
这篇文章主要给大家介绍了关于如何通过一步快速解决微信小程序中textarea层级太高遮挡其他组件问题的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-03-03
细数localStorage的用法及使用注意事项
这篇文章主要介绍了细数localStorage的用法及使用注意事项，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
Bootstrap图片轮播效果详解
这篇文章主要为大家详细介绍了Bootstrap图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
JavaScript获取URL参数常见的4种方法
对于获取URL参数,有很多种方法可以实现,下面这篇文章主要给大家介绍了关于JavaScript获取URL参数常见的4种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-07-07
JavaScript基础入门之错误捕获机制
初级开发人员往往很少使用js的抛出和捕获异常，但抛出和捕获异常往往是非常必要的,这篇文章主要给大家介绍了关于JavaScript基础入门之错误捕获机制的相关资料,需要的朋友可以参考下
2021-08-08
如何用js实现判断是否是小数
这篇文章主要给大家介绍了关于如何用js实现判断是否是小数的相关资料,文中介绍了如何通过使用isNaN()函数和使用正则表达式来解决,具有一定参考借鉴价值,需要的朋友可以参考下
2024-04-04
返回上一个url并刷新界面的js代码
要返回上一页再刷新页面我们用到最多的是在像php,asp,jsp,asp.net中，下面我来给大家先介绍js 返回前一页并刷新页面，然后再把这些代码放在php中实现删除后返回当前页面并刷新页面
2020-09-09
JavaScript 通过模式匹配实现重载
昨天rank同学向我提出一个问题，在实际应用中有些接口需要提供类似于函数重载的功能，以方便开发者组织代码逻辑，简化使用者调用。
2010-08-08
js更优雅的兼容
对于JS框架开发中的客户端（浏览器）兼容难题，各位想必都不陌生。平常，我们都用if去面对接口不一致以及成堆的bug。然而，这里介绍的方法却可以让兼容更加优雅。
2010-08-08