`
buliangniu
  • 浏览: 92316 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript条件语句

阅读更多

       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("都不是")
        }

 

分享到:
评论

相关推荐

    高职网页设计与制作课程信息化教学设计研究——以JavaScript条件语句为例.pdf

    【JavaScript条件语句】是网页设计与制作课程中的核心知识点之一,它在Web开发中扮演着决策者角色,根据不同的条件执行相应的代码块。条件语句主要包括`if`语句、`if...else`语句以及`switch`语句。在高职教育中,...

    第15周-第15章节-Python3.5-javascript条件语句.avi

    第15周-第15章节-Python3.5-javascript条件语句.avi

    javaScript107个常用语句

    控制流程语句包括条件语句(如`if...else`,`switch`)和循环语句(如`for`,`while`,`do...while`)。这些语句允许根据特定条件执行代码块,或者重复执行一段代码直到满足特定条件。例如,`for`循环常用于迭代数组...

    如何利用JavaScript编写更好的条件语句详解

    总的来说,优化JavaScript条件语句的关键在于减少嵌套,提高可读性和可维护性。通过使用数组方法、提前返回、`switch`语句以及短路运算符,可以编写出更加高效且易于理解的条件逻辑。在实践中不断探索和应用这些技巧...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    在JavaScript中,条件语句是控制程序流程的重要工具,它们允许我们根据不同的条件执行不同的代码块,从而实现逻辑判断和决策。本篇将深入探讨JavaScript中的条件语句。 首先,最基础的条件语句是`if...else`语句。...

    JavaScript语言笔记包括运算符、条件语句、循环、类型转换等

    ### JavaScript语言笔记详解 #### 一、JavaScript 运算符 **JavaScript运算符**是用于执行基本算术操作的关键组成...以上是JavaScript中关于运算符、条件语句、循环、类型转换等关键概念的总结,希望对你有所帮助。

    详解写好JS条件语句的5条守则

    为了编写出更加高效和可维护的代码,以下5条守则可以帮助开发者写出更优质和清晰的JavaScript条件语句。 守则1:多重判断时使用Array.includes 当需要判断某个变量是否为一组给定值中的一个时,使用Array.includes...

    Javascript简写条件语句(推荐)

    在JavaScript编程中,条件语句是控制程序流程的...文章中提及的"3ways2sayif"这篇文章通过实例介绍了这些条件表达式的不同用法,并指出了它们的优缺点,适合希望深入理解和掌握JavaScript条件语句的读者进一步学习。

    javascript常用语句总结

    三、条件语句 1. `if...else`:用于执行条件判断。 2. `switch...case`:多分支选择,更灵活的条件判断。 3. `ternary operator`(三元运算符):简化的条件表达式,如 `(条件) ? 表达式1 : 表达式2`。 四、循环...

    《JavaScript 程序设计》 基础篇2

    3. JavaScript条件语句: - if语句:是最基本的条件判断语句,执行满足条件时的代码块。根据条件真假,决定是否执行大括号内的代码。 - if...else语句:是if语句的扩展,提供了两个分支,即条件为真时执行一种操作...

    javascript语句

    在JavaScript编程语言中,语句是执行特定任务的基本单元。本章节主要关注判断、循环和多分支选择结构语句,以及异常处理语句。首先,我们来看看JavaScript中的语句和表达式。 表达式是JavaScript中的一个短语,通常...

    javaScript语句大全2015

    在JavaScript中,`if...else`用于条件判断,`switch`语句提供了多分支选择。循环语句包括`for`、`while`和`do...while`,它们在处理重复任务时非常有用。此外,`break`和`continue`用于中断或跳过循环的当前迭代。 ...

    107个javascript常用语句

    下面将详细介绍“107个JavaScript常用语句”中的关键知识点。 1. **变量声明**:JavaScript中使用`var`、`let`和`const`来声明变量。`var`是老式的声明方式,存在作用域问题;`let`和`const`是ES6引入的新特性,`...

    Javascript简写条件语句(推举)_.docx

    Javascript简写条件语句 Javascript简写条件语句是指在编写Javascript代码时,使用简洁的方式来表达条件语句。这种简写方式可以提高代码的可读性和简洁性,使得代码更加易于维护和理解。在本文中,我们将介绍三种...

    JavaScript程序设计条件语句共3页.pdf.zip

    本资料"JavaScript程序设计条件语句共3页.pdf.zip"似乎详细介绍了这一主题,尽管实际内容无法在此直接展示,但我可以为你详细解析JavaScript中的条件语句。 1. **条件语句的种类**: - **if...else语句**:这是最...

    JavaScript条件控制语句1.pdf

    条件控制语句是JavaScript实现逻辑判断的关键,它们允许程序根据不同的条件执行不同的代码块。本篇文档主要关注三种基本的条件控制语句:if语句、if…else语句以及if...else if....else语句。 1. if语句 if语句是...

    jsp实现时钟显示代码

    13. JavaScript条件语句:代码中使用了JavaScript条件语句来判断时钟的显示状态,包括if语句、else语句等。 14. JavaScript循环语句:代码中使用了JavaScript循环语句来实现时钟的实时更新,包括for循环语句等。 ...

    JavaScript的100个经典实例

    JavaScript 是一种广泛应用于 Web 开发的编程语言,以下是 JavaScript 的 100 个经典实例的总结,涵盖了基础 JavaScript 实例、JavaScript 变量、JavaScript 条件语句 If ... Else 等等。 基础 JavaScript 实例 * ...

Global site tag (gtag.js) - Google Analytics