JavaScript条件语句

最新推荐文章于 2025-01-20 13:42:00 发布

最新推荐文章于 2025-01-20 13:42:00 发布 · 145 阅读

文章标签：

#JavaScript #脚本 #HTML #浏览器 #工作 #ViewUI

JavaScript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍JavaScript中的if和switch条件语句使用方法，并通过实例展示如何根据条件执行不同的代码路径。

JavaScript语句

脚本中的语句一般是按照写的顺序来运行的。这种运行称为顺序运行，是程序流的默认方向。与顺序运行不同，另一种运行将程序流转换到脚本的另外的部分。也就是，不按顺序运行下一条语句，而是运行另外的语句。要使脚本可用，该控制的转换必须以逻辑方式执行。程序控制的转换是基于一个“决定”，这个“决定”结果是真或假（返回 Boolean 型 true 或 false）。创建一个表达式，然后测试其是否为真。

主要有两种程序结构控制流程。

第一种是选择结构。用来指明两种程序流方向，在程序中创建一个交叉点（像分岔路）。

第二种类型的程序控制结构是循环结构。使用循环结构来指明当某些条件保持为真时要重复的动作。当控制语句的条件得到满足时（通常在某些迭代的特定数字后），控制跳过循环结构传递到下条语句。

使用条件语句

if语句：if ( <条件> ) <语句1> [ else <语句2> ];

下面给出示例1：

<html>
<head>
    <title>一个if语句的Javascript示例</title>
</head>
<body>

    <script type="text/javascript">
        var name = "liangongqiaojiang";     //将lianggongqiaojiang赋值给变量name
        var n = name.length;                //得到name的字符长度并赋值给变量n
        if (n < 20)                         //判断如果小于20为真（ture），否则为假（false）
        {
            alert("字符串长度小于20")         //输出结果对话框
        }
    </script>

</body>
</html>

上面的这个Javascript示例用到了Javascript的if条件语句。首先用.length计算出字符串"liangongqiaojiang"的长度，然后使用if语句进行判断，如果该字符串长度<20，就输出对话框"该字符串长度小于20"。

输出结果如下：

下面给出示例2：

<html>
<head>
    <title>一个if语句的Javascript示例</title>
</head>
<body>

    <script type="text/javascript">
        var name = "liangongqiaojiang"; //将lianggongqiaojiang赋值给变量name
        var n = name.length;            //得到name的字符长度并赋值给变量n
        if (n < 10)                     //判断如果小于10为真（ture），否则为假（false）
        {
            alert("字符串长度小于10")     //输出结果对话框
        }
        else                            //如果上面判断成假就执行下面语句
        {
            alert("字符串长度大于10")     //输出字符串长度大于10对话框
        }
    </script>

</body>
</html>

上面的这个Javascript示例用到了Javascript的if条件语句。首先用.length计算出字符串"liangongqiaojiang"的长度，然后使用if语句进行判断，如果该字符串长度<10，就输出对话框"该字符串长度小于10"，否则就出现"该字符串长度大于10"

输出结构如下：

提示一行代码太长，或者涉及到比较复杂的嵌套，可以考虑用多行文本，如上例，if (a == 1) 后面没有立即写上语句，而是换一行再继续写。浏览器不会混淆的，当它们读完一行，发现是一句未完成语句，它们会继续往下读。使用缩进也是很好的习惯，当一些语句与上面的一两句语句有从属关系时，使用缩进能使程序更易读，方便程序员进行编写或修改工作。

switch语句

        switch (e)
        {
                  case r1: （注意：冒号）
                  ...
                  [break;]
                  case r2:
                  ...
                  [break;]
                  ...
                  [default:
                ...]
         }

这一大段的作用是：计算 e 的值（e 为表达式），然后跟下边“case”后的 r1、r2……比较，当找到一个相等于 e 的值时，就执行该“case”后的语句，直到遇到 break 语句或 switch 段落结束（“}”）。如果没有一个值与 e 匹配，那么就执行“default:”后边的语句，如果没有 default 块，switch 语句结束。

下面给出示例：

        switch (8)
        {
            case 1:                //等于条件时执行下面语句
                alert(1)
            case 2:                //等于条件时执行下面语句
                alert(2)
            case 3:                //等于条件时执行下面语句
                alert(3) 
                break;             //跳出循环
            case 4:
                alert(4)  
                break;
            case 5:
                alert(5)
            default:               //条件都不符合时执行默认语句
                alert("都不是")
        }