Javascript流程控制

1.条件语句

　　(1)if(exp)执行一句代码

　　(2)if(exp){执行代码段;}

　　(3)if(exp){exp为true执行代码段}else{exp为false执行的代码段}

　　(4)if...else if...

　　(5)if嵌套

2.循环语句

　　(1)for 循环

　　(2)while 循环

　　(3)do/while循环

3.特殊循环控制

　　(1)break 终止循环

　　(2)continue 跳过循环

下面就是具体详情：

　　for循环

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

     <h3>for循环</h3>

     <p>for(exp1;exp2;exp3;){循环体;}</p>

     <p>exp1:无条件执行第一个语句</p>

     <p>exp2:判断是欧服可以执行循环体的条件</p>

     <p>exp3:做增量的操作</p>

     <script>

         for(var i=0;i<4;i++){

             document.write(i+'hello world <br />')

         }

         // 循环i++,i循环三次，每次输出第几次+hello world

     </script>

     <p>通过break结束循环</p>

     <script>

         for(var i=0;i<=6;i++){

             if(i>5){

                 break;

             }

             document.write(i+'<br/>');

         }//循环for语句每次输出1个i值，当i>5时停止输出

     </script>

     <p>通过continue跳过档次循环</p>

     <script>

         for(var i=1;i<=6;i++){

             if(i==5){

                 continue;

             }

             document.write(i+'<br />')

         }//循环for语句，每次输出1个i值，的那个i=5时跳过本次循环进入下次循环。

     </script>

 </body>

 </html>

　　for循环嵌套

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

     <h3>for循环嵌套</h3>

     <script>

         for(var i=1;i<=3;i++){

             for (var k=1;k<=2;k++){

                 document.write(k);

             }

             document.write(i+'<br>');

         }

     </script>

 </body>

 </html>

　　条件语句

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <h3>条件语句</h3>

     <p>假如3>=11 输出a；否则输出b</p>

     <script>

         if(3>=11){

             document.write('a');

         }else{

             document.write('b');

         }

     </script>

     <p>定义a=1,判断a是否全等于2，若全等则输出2;若不全等则判断a是否全等于3，若全等则输出3;若不全等则判断a是否全等于1，若全等则输出1</p>

     <script>

         var a=1;

         if(a==2){

             document.write(2);

         }else if(a==3){

             document.write(3);

         }else if(a==1){

             document.write(1);

         }

     </script>

 </body>

 </html>

　　switch循环

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <h3>switch循环</h3>

     <p>switch循环若是没有找到指定值则一直比较，当找到指定值是执行后边所有代码，所以在swith循环中每个值的代码段最后要写break</p>

     <p>没加break前</p>

     <script>

         var i=3;

         switch(i){

             case 1:document.write('a<br />');

             case 2:document.write('b<br />');

             case 3:document.write('c<br />');

             case 4:document.write('d<br />');

         }//因为我们在这里没有加入break所以说当找到i=3时后执行后边所有代码

     </script>

     <p>加break后</p>

     <script>

         switch(i){

             case 1:document.write('a<br />');break;

             case 2:document.write('b<br />');break;

             case 3:document.write('c<br />');break;

             case 4:document.write('d<br />');break;

         }

     </script>

 </body>

 </html>

　　while循环

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <h3>while循环</h3>

     <script>

         var i=0;

         while(i<=5){

             i++;

             document.write(i+'<br />');

         }//若i<5则执行i++并输出i值

     </script>

 </body>

 </html>

　　do/while循环

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <h3>do/while循环</h3>

     <script>

         var x=0;

         do{

             x++;

             document.write('第'+x+'次X的值为：'+x+'<br>')

         }

         while (x<4);

         document.write('最终X的值为：'+x+'<br />')

         //当x<4时执行每次输出第几次的x的值，

     </script>

 </body>

 </html>

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

  1. JavaScript 流程控制-分支

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

  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. Linux磁盘分区（二）：删除

    ***********************************************声明************************************************ 原创 ...

  2. macbookPro 搭建maven环境下载jar包

    今天要用itext的jar包,去官网看发现好像只能用maven下载,而我之前又换了电话,没办法咯,重新搭一次maven环境吧,在此记录,已便分享或自己将来查找 首选确定自己环境上jdk装好了,如果没有 ...

  3. SQL Server学习之路（七）：Python3操作SQL Server数据库

    0.目录 1.前言 2.准备工作 3.简单测试语句 4.提交与回滚 5.封装成类的写法 1.前言 前面学完了SQL Server的基本语法,接下来学习如何在程序中使用sql,毕竟不能在程序中使用的话, ...

  4. 【NOIP2015提高组】子串

    https://daniu.luogu.org/problem/show?pid=2679 看到方案数问题直觉就能想到DP,考虑用f(i,j,k)表示A[1...i]取k个子串组成B[1...j]的方 ...

  5. Win10系统下的Tomcat7.0配置

    为什么不用更高版本的Tomcat呢?好几个老师都说7.0的版本最好用,所以就推荐用这个.安Tomcat之前,我电脑上装的是jdk 9,安装了好几次Apache都不能启动,日志显示的是"启动报 ...

  6. 移动 云MAS 发短信 .net HTTP 请求

    本人开发移动云MAS .net Http 请求  代码如下 using Newtonsoft.Json.Linq; using System; using System.Collections.Gen ...

  7. 機器學習基石 (Machine Learning Foundations) 作业1 Q15-17的C++实现

    大家好,我是Mac Jiang.今天和大家分享Coursera-台湾大学-機器學習基石 (Machine Learning Foundations) -作业1的Q15-17题的C++实现. 这部分作业 ...

  8. 最全Pycharm教程（28）——Pycharm搜索导航之搜索应用实例

    1.主题 这里我们将介绍Pycharm另外一项强力的搜索导航功能.如果你希望知道某个特定的类或方法都在project中的哪些地方发挥了作用.也就是找出其全部的usages,这将是一个很巨大而繁琐的pr ...

  9. 产品研发管理（二）：使用SubVersion进行代码管理

    概述 这是产品研发管理系列文章的第二篇:使用SubVersion进行代码管理. 介绍如何使用SubVersion的资料已经许多,这里不准备介绍如何使用SubVersion. 这篇文章主要介绍如何进行代 ...

  10. Codeforces Round #271 (Div. 2) F题 Ant colony（线段树）

    题目地址:http://codeforces.com/contest/474/problem/F 由题意可知,最后能够留下来的一定是区间最小gcd. 那就转化成了该区间内与区间最小gcd数相等的个数. ...