流程控制

JavaScript通过流程语句来执行程序流，程序流有若干语句组成。在正常情况下，程序中 的语句时按照书写顺序执行的，这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。

1.选择结构

（1）if-else语句

语法：

if（condition）{

　　statementS;

}else{

　　statements;

}

(2)if-else if-else语句

语法：

if（condition）{

　　statementS;

}else if{

　　statements;

}

……

else{

　　statements;

}

例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta charset="GB2312">

    <title>选择结构</title>

    <script language="JavaScript">

        function  max() {

            var fist=parseInt(form1.fist.value);

            var secod=parseInt(form1.secod.value);

            if(isNaN(fist)){

                alert("第一个数不是数值类型");

                form1.fist.value="";

            }

            else if (isNaN(secod)) {

                alert("第二个数不是数值类型");

                form1.secod.value="";

            }else{

                var max=(fist>=secod?fist:secod);

                document.write("两个数之间较大的数为："+max);

            }

        }

    </script>

</head>

<body>

<form name="form1">

    请输入第一个数（数值型）:

    <input type="text" name="fist" />

    <br>

    请输入第二个数（数值型）：

    <input type="text" name="secod" />

    <br>

    <input type="button" ONCLICK="max()" value="选择较大值" />&nbsp;&nbsp;

    <input type="reset" value="重填" />

</form>

</body>

</html>

（3）switch语句([ ]中为可选)

语法：

switch（expression）{

　　case value1：

　　　　statement；

　　　　break；

　　case value2：

　　　　statement2；

　　　　break；

　　……

　　case valueN;

　　　　statementN；

　　　　break；

　　[defalut:

　　　　defalutStatements;]

}

例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta charset="GB2312">

    <title>switch语句</title>

</head>

<body>

<script language="JavaScript">

    var day= new Date().getDay();

    switch (day){

        case 0:

            title="今天是星期日";

            break;

        case 1:

            title="今天是星期一"

            break;

        case 2:

            title="今天是行权期二";

            break;

        case 3:

            title="今天是星期三";

            break;

        case 4:

            title="今天是星期四";

            break;

        case 5:

            title="今天是星期五";

            break;

        case 6:

            title="今天是星期六";

            break;

    }

    document.write(title);

</script>

</body>

</html>

2.循环语句

（1）for循环（循环次数已知的循环）

语法：

for（inintal-condition;conditin;increment）{

　　statements;

}

例子：

输出九九乘法表

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>循环结构</title>

</head>

<body>

<font size="-1" color="blue">

    <script language="JavaScript">

        var i,j;

        for(i=1;i<=10;i++){

            for(j=1;j<=i;j++){

                document.write(j+"*"+i+"="+i*j);

                document.write("&nbsp;&nbsp;");

            }

        document.write("<br>");

        }

    </script>

</font>

</body>

</html>

（2）for-in语句（通常用来遍历数组）

语法：

for（elements in object）{

　　statement；

}

例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta charset="GB2312">

    <title>for-in</title>

</head>

<body>

<script language="JavaScript">

    var student=new Object();

    student.name="王明明";

    student.no="20120156";

    student.addreess="山东济南";

    for(e in student){

        document.write(e+":"+student[e]+"<br>");

    }

</script>

</body>

</html>

（3）while语句（次数未知的循环）

语法：

while（condition）{

　　statement；

}

例如：

输出1-100中3的倍数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta charset="GB2312">

    <title>while循环</title>

</head>

<body>

<script language="JavaScript">

    var i=1;

    while(i<100){

        if(i%3==0){

            document.write(i+"&nbsp");

        }

        i++;

    }

</script>

</body>

</html>

（4）do-while语句（该语句最少执行一次）

语法：

do{

　　statement；

}

while(conditions);

例如：

计算1-100的和

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta charset="GB2312">

    <title>do-while语句</title>

</head>

<body>

<script language="JavaScript">

    var i = 1;

    var num = 0;

    do {

        sum+=i;

        i++

    }while(i<=100);

    document.write("1-100的和是："+sum);

</script>

</body>

</html>

转移语句

（1）break语句

break语句用于switch语句和for语句等循环语句中。用来中止switch语句，执行switch语句后的语句。

（2）continue语句

continue语句用于for，while，do-while，for-in语句中，用来结束本次循环，执行下一次循环，一般与if语句一起使用。

（3）return语句

return语句一般在函数中使用，可以使用return语句表达式的格式返回任意类型的函数值，返回的函数值可以用变量接受。

特此声明：如需转载请注明出处，如有疑问请及时提出以便于改正，如有侵权，联系删除，谢谢

Javascript 流程控制的更多相关文章

  1. Javascript流程控制

    Javascript流程控制 1.条件语句 (1)if(exp)执行一句代码 (2)if(exp){执行代码段;} (3)if(exp){exp为true执行代码段}else{exp为false执行的 ...

  2. JavaScript 流程控制-分支

    JavaScript 流程控制-分支 1.流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能. 简单理解:流程控 ...

  3. JavaScript流程控制及函数

    1 流程控制 1.1 条件语句 分支结构 单向分支 if (条件表达式) { code...} 双向分支 if (条件表达式){    } else {    } <!DOCTYPE html& ...

  4. javaScript流程控制与函数

    流程控制 1.1 条件语句 分支结构 单向分支 if (条件表达式) { code... } <!DOCTYPE html> <html> <head> <m ...

  5. javascript 流程控制及函数

    回顾 基本语法 在html的使用 <script></script> 注释 ///* */ 指令结束符 ;换行 输出 console.log()document.write() ...

  6. JavaScript 流程控制（一）顺序结构与分支结构

    语句:语句可以理解为一个行为,循环语句和判断语句就是典型的语句.一个程序有很多个语句组成,一般情况下分号;分割一个一个的语句:如果省略分号,则由解析器确定语句的结尾(不推荐使用) 一.流程控制 流程控 ...

  7. JavaScript 流程控制（二）循环结构

    一.while 语句 语法结构: 声明循环变量:while (循环条件) { //循环体 // 迭代条件 } 当循环条件为 true 时,执行循环体:当循环条件为false时,结束循环. 二.do.. ...

  8. JavaScript 流程控制-循环

    1.循环 循环目的 在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 JS中的循环 在JS中,主要有三种类型的循环语句: for循环 while循环 do.. ...

  9. JavaScript学习笔记——流程控制

    javascript流程控制流程:就是程序代码的执行顺序.流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行. 一.顺序结构 按照书写顺序来执行,是程序中最基本的流程结构. 二.选择结构(分 ...

随机推荐

  1. python读取pdf文件

    pdfplumber简介 Pdfplumber是一个可以处理pdf格式信息的库.可以查找关于每个文本字符.矩阵.和行的详细信息,也可以对表格进行提取并进行可视化调试. 文档参考https://gith ...

  2. Ocelot简易教程（三）之主要特性及路由详解

    作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9664977.html 上篇<Ocelot简易教程(二)之快速开始2>教大家如何快速跑起来一个 ...

  3. JavaScript几个作用域问题

    1. var a = 0 ; function f(){ a = 1; console.log(a); //全局变量a } console.log(a); //全局变量a f(); 输出结果为:1 1 ...

  4. asp.net MVC 5 路由 Routing

    ASP.NET MVC ,一个适用于WEB应用程序的经典模型 model-view-controller 模式.相对于web forms一个单一的整块,asp.net mvc是由连接在一起的各种代码层 ...

  5. 使用apidocJs快速生成在线文档

    https://blog.csdn.net/xialei199023/article/details/63251482 https://blog.csdn.net/qq_16142851/articl ...

  6. Ambari集群移动现有复制到另外地方或更改ip地址，导致各项服务组件上为黄色问号代表心跳丢失的解决方案（图文详解）（博主推荐）

    前言 最近,是在做集群搬移工作,大家肯定会遇到如下的场景. (1) 比如,你新购买的电脑,初步者学习使用Ambari集群.从旧电脑复制到新电脑这边来. (2) 比如,你公司Ambari集群的ip,因业 ...

  7. HttpSessionListener的用法

    Session创建事件发生在每次一个新的session创建的时候,类似地Session失效事件发生在每次一个Session失效的时候. 这个接口也只包含两个方法,分别对应于Session的创建和失效: ...

  8. 【Python】正则表达式简单教程

    说明:本文主要是根据廖雪峰网站的正则表达式教程学习,并根据需要做了少许修改,此处记录下来以备后续查看. <Python正则表达式纯代码极简教程>链接:https://www.cnblogs ...

  9. springboot情操陶冶-@Conditional和@AutoConfigureAfter注解解析

    承接前文springboot情操陶冶-@Configuration注解解析,本文将在前文的基础上阐述@AutoConfigureAfter和@Conditional注解的作用与解析 1.@Condit ...

  10. ZooKeeper系列(1)：安装搭建ZooKeeper环境

    ZooKeeper系列文章:https://www.cnblogs.com/f-ck-need-u/p/7576137.html#zk ZooKeeper有三种安装模式:单机安装(standalone ...