流程控制

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. psnr的定义和python实现

    psnr是“Peak Signal to Noise Ratio”的缩写,即峰值信噪比,是一种评价图像的客观标准,它具有局限性,一般是用于最大值信号和背景噪音之间的一个工程项目. peak的中文意思是 ...

  2. ubuntu默认的Python版本号修改

    ubuntu默认的Python是2.7版本的,键入Python3 就可以使用Python3.X版本.下面修改默认的Python版本, 1.删除/usr/bin 下的Python链接 sudo rm / ...

  3. nginx介绍（三） 配置篇

    3. nginx配置 nginx配置系统受益于Igor Sysoev(nginx创始人)在Apache(阿帕奇软件基金会)的经历.Igor Sysoev洞察出可扩展的配置系统对于一个web服务器来说是 ...

  4. 容器、容器集群管理平台与 Kubernetes 技术漫谈

    原文:https://www.kubernetes.org.cn/4786.html 我们为什么使用容器? 我们为什么使用虚拟机(云主机)? 为什么使用物理机? 这一系列的问题并没有一个统一的标准答案 ...

  5. 华为机试001：字符串最后一个单词的长度(华为OJ001)

    华为机试 字符串最后一个单词的长度 计算字符串最后一个单词的长度,单词以空格隔开. 提交网址: http://www.nowcoder.com/practice/8c949ea5f36f422594b ...

  6. springmvc 项目完整示例09 maven项目创建

    需求表均同springmvc案例 此处只是使用maven 注意,以下所有需要建立在你的eclipse等已经集成配置好了maven了,说白了就是新建项目的时候已经可以找到maven了 没有的话需要安装m ...

  7. python 闯关之路二（模块的应用）

    1.有如下字符串:n = "路飞学城"(编程题) - 将字符串转换成utf-8的字符编码的字节,再将转换的字节重新转换为utf-8的字符编码的字符串 - 将字符串转换成gbk的字符 ...

  8. KeepAlived(三)：vrrp实例故障转移(keepalived+haproxy)

    keepalived使用脚本进行健康检查时的相关配置项.例如keepalived+haproxy实现haproxy的高可用. keepalived分为vrrp实例的心跳检查和后端服务的健康检查.如果要 ...

  9. 推荐写作平台gitbook——让我们换一种形式写作

    https://www.gitbook.com/ 我一直用这个平台进行写作.目前有两本电子书可以供大家阅读,分别如下 Office 365 开发入门指南 https://www.gitbook.com ...

  10. mysql Unknown error 1054

    mysql查询错误  Unknown error 1054 错误原因:字段名字不对应 解决方案:一一比对字段名称,令实体字段名称与数据库字段对应或者与你的sql语句中的别名对应起来