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循环

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <h3>for循环</h3>
  9.      <p>for(exp1;exp2;exp3;){循环体;}</p>
  10.      <p>exp1:无条件执行第一个语句</p>
  11.      <p>exp2:判断是欧服可以执行循环体的条件</p>
  12.      <p>exp3:做增量的操作</p>
  13.      <script>
  14.          for(var i=0;i<4;i++){
  15.              document.write(i+'hello world <br />')
  16.          }
  17.          // 循环i++,i循环三次，每次输出第几次+hello world
  18.      </script>
  19.      <p>通过break结束循环</p>
  20.      <script>
  21.          for(var i=0;i<=6;i++){
  22.              if(i>5){
  23.                  break;
  24.              }
  25.              document.write(i+'<br/>');
  26.          }//循环for语句每次输出1个i值，当i>5时停止输出
  27.      </script>
  28.      <p>通过continue跳过档次循环</p>
  29.      <script>
  30.          for(var i=1;i<=6;i++){
  31.              if(i==5){
  32.                  continue;
  33.              }
  34.              document.write(i+'<br />')
  35.          }//循环for语句，每次输出1个i值，的那个i=5时跳过本次循环进入下次循环。
  36.      </script>
  37.  </body>
  38.  </html>

　　for循环嵌套

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <h3>for循环嵌套</h3>
  9.      <script>
  10.          for(var i=1;i<=3;i++){
  11.              for (var k=1;k<=2;k++){
  12.                  document.write(k);
  13.              }
  14.              document.write(i+'<br>');
  15.          }
  16.      </script>
  17.  </body>
  18.  </html>

　　条件语句

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title>Document</title>
  6.  </head>
  7.  <body>
  8.      <h3>条件语句</h3>
  9.      <p>假如3>=11 输出a；否则输出b</p>
  10.      <script>
  11.          if(3>=11){
  12.              document.write('a');
  13.          }else{
  14.              document.write('b');
  15.          }
  16.      </script>
  17.      <p>定义a=1,判断a是否全等于2，若全等则输出2;若不全等则判断a是否全等于3，若全等则输出3;若不全等则判断a是否全等于1，若全等则输出1</p>
  18.      <script>
  19.          var a=1;
  20.          if(a==2){
  21.              document.write(2);
  22.          }else if(a==3){
  23.              document.write(3);
  24.          }else if(a==1){
  25.              document.write(1);
  26.          }
  27.      </script>
  28.  </body>
  29.  </html>

　　switch循环

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title>Document</title>
  6.  </head>
  7.  <body>
  8.      <h3>switch循环</h3>
  9.      <p>switch循环若是没有找到指定值则一直比较，当找到指定值是执行后边所有代码，所以在swith循环中每个值的代码段最后要写break</p>
  10.      <p>没加break前</p>
  11.      <script>
  12.          var i=3;
  13.          switch(i){
  14.              case 1:document.write('a<br />');
  15.              case 2:document.write('b<br />');
  16.              case 3:document.write('c<br />');
  17.              case 4:document.write('d<br />');
  18.          }//因为我们在这里没有加入break所以说当找到i=3时后执行后边所有代码
  19.      </script>
  20.      <p>加break后</p>
  21.      <script>
  22.          switch(i){
  23.              case 1:document.write('a<br />');break;
  24.              case 2:document.write('b<br />');break;
  25.              case 3:document.write('c<br />');break;
  26.              case 4:document.write('d<br />');break;
  27.          }
  28.      </script>
  29.  </body>
  30.  </html>

　　while循环

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title>Document</title>
  6.  </head>
  7.  <body>
  8.      <h3>while循环</h3>
  9.      <script>
  10.          var i=0;
  11.          while(i<=5){
  12.              i++;
  13.              document.write(i+'<br />');
  14.          }//若i<5则执行i++并输出i值
  15.      </script>
  16.  </body>
  17.  </html>

　　do/while循环

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title>Document</title>
  6.  </head>
  7.  <body>
  8.      <h3>do/while循环</h3>
  9.      <script>
  10.          var x=0;
  11.          do{
  12.              x++;
  13.              document.write('第'+x+'次X的值为：'+x+'<br>')
  14.          }
  15.          while (x<4);
  16.          document.write('最终X的值为：'+x+'<br />')
  17.          //当x<4时执行每次输出第几次的x的值，
  18.      </script>
  19.  </body>
  20.  </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. 前端页面适配的rem换算

    为什么要使用rem 之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale). 例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类 ...

  2. 深入研究-webkit-overflow-scrolling:touch及ios滚动

    1. -webkit-overflow-scrolling:touch是什么? MDN上是这样定义的: -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效 ...

  3. javascript 命名空间与运用（前端基础系列）

    所谓代码,当你随便命名一个变量:var name = "ukerxi"; 就是一句代码:但当你的代码写出来后,对于后续维护及阅读的人,就可以看出代码是否,易读,易理解:优雅的代码总 ...

  4. SQL基础教程读书笔记-1

    查询基础 2.2 算数运算符和比较运算符 2.2.1算数运算符 + - * / 需要注意NULL 5 + NULL 10 - NULL 1 * NULL 4 / NULL NULL / 9 NULL ...

  5. js 继承的简单易懂小例子

    js 继承 今天主要说原型链继承.构造继承.组合继承三种常用继承方式,分享一下我的理解. 原型链继承例子1 //原型继承function A(name){ this.name = name;}func ...

  6. Python爬虫(十一)_案例：使用正则表达式的爬虫

    本章将结合先前所学的爬虫和正则表达式知识,做一个简单的爬虫案例,更多内容请参考:Python学习指南 现在拥有了正则表达式这把神兵利器,我们就可以进行对爬取到的全部网页源代码进行筛选了. 下面我们一起 ...

  7. 【技术分析】DowginCw病毒家族解析

    作者:钱盾反诈实验室   0x1.背景 近期,钱盾反诈实验室通过钱盾恶意代码智能监测引擎感知并捕获一批恶意应用.由于该批病毒会联网加载"CWAPI"插件,故将其命名为"D ...

  8. Ubuntu Linux訪问小米手机存储卡

    操作系统: 麒麟14.04 安装工具 sudo apt-get install mtpfs libfuse-dev libmad0-dev sudo mkdir /media/mtp 重新启动与使用 ...

  9. 使用Logstash来实时同步MySQL数据到ES

    上篇讲到了ES和Head插件的环境搭建和配置,也简单模拟了数据作测试 本篇我们来实战从MYSQL里直接同步数据 一.首先下载和你的ES对应的logstash版本,本篇我们使用的都是6.1.1 下载后使 ...

  10. 如何导入外部的源码到eclipse中

    用struts,spring等框架开发也有两年的时间了,一直很少去阅读其源码,每次在eclipse编码的过程中想要看某一个类的源码,ctrl点击总是出现source not found的提示,也没有去 ...