流程控制

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安装模块的几种方法

    一.方法1: 单文件模块 直接把文件拷贝到 $python_dir/Lib 二.方法2: 多文件模块,带setup.py 下载模块包,进行解压,进入模块文件夹,执行:python setup.py i ...

  2. python通过手机抓取微信公众号

    使用 Fiddler 抓包分析公众号 打开微信随便选择一个公众号,查看公众号的所有历史文章列表 在 Fiddler 上已经能看到有请求进来了,说明公众号的文章走的都是HTTPS协议,这些请求就是微信客 ...

  3. Ocelot简易教程（七）之配置文件数据库存储插件源码解析

    作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9852711.html 上篇文章给大家分享了如何集成我写的一个Ocelot扩展插件把Ocelot的配置存储 ...

  4. Net Core集成Exceptionless分布式日志功能以及全局异常过滤

    Net Core集成Exceptionless分布式日志功能以及全局异常过滤 相信很多朋友都看过我的上篇关于Exceptionless的简单入门教程[asp.Net Core免费开源分布式异常日志收集 ...

  5. Linux编程 12 (默认shell环境变量， PATH变量重要讲解)

    一 .概述 默认情况下, bash shell会用一些特定的环境变量来定义系统的环境.这些默认环境变量可以理解是上篇所讲的系统全局环境变量. 1.1 bash  shell支持的Bourne变量 Bo ...

  6. Web中的积累：外观模式 Facade

    摘要: 原创出处: http://www.cnblogs.com/Alandre/ 泥沙砖瓦浆木匠 希望转载,保留摘要,谢谢! 壹 前言 目测好久没写文章了,距离上一篇文章也有二十多天.我是怎么了?哈 ...

  7. 函数式编程之-Partial application

    上一篇关于Currying的介绍,我们提到F#是如何做Currying变换的: let addWithThreeParameters x y z = x + y + z let intermediat ...

  8. Spring Boot 系列（六）web开发-Spring Boot 热部署

    Spring Boot 热部署 实际开发中,修改某个页面数据或逻辑功能都需要重启应用.这无形中降低了开发效率,所以使用热部署是十分必要的. 什么是热部署? 应用启动后会把编译好的Class文件加载的虚 ...

  9. Spring MVC 学习总结（十一）——IDEA+Maven+多模块实现SSM框架集成

    一.SSM概要 与SSH(Struts/Spring/Hibernate/)一样,Spring+SpringMVC+MyBatis也有一个简称SSM,Spring实现业务对象管理,Spring MVC ...

  10. WPF 列表虚拟化时的滚动方式

    ListBox的滚动方式 分为像素滚动和列表项滚动 通过ListBox的附加属性ScrollViewer.CanContentScroll来设置.因此ListBox的默认模板中,含有ScrollVie ...