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. struts2 谷歌浏览器保存date类型数据时报错

    一同事发现一个bug,在chrome上保存一个表单时,后台会报错,而在firefox上则可以正常保存. 奇怪的地方在于,后端的程序是同一个,而在浏览器上查看请求header时,两个浏览器对应的字段内容 ...

  2. 关于使用scrapy框架编写爬虫以及Ajax动态加载问题、反爬问题解决方案

    Python爬虫总结 总的来说,Python爬虫所做的事情分为两个部分,1:将网页的内容全部抓取下来,2:对抓取到的内容和进行解析,得到我们需要的信息. 目前公认比较好用的爬虫框架为Scrapy,而且 ...

  3. UWP 邮件反馈

    在我们构建App的时候,一个很人性化的设计就是增加邮件反馈渠道,就是让用户直接发邮件给你反馈. 当然,你也可以用系统自带的"反馈中心"(超级无敌难用,还经常打不开),或者使用商店的 ...

  4. SQL Server学习之路(二):主键和外键

    0.目录 1.定义 1.1 什么是主键和外键 1.2 主键和外键的作用 1.3 主键.外键和索引的区别 2.主键(primary key) 2.1 通过SSMS设置主键 2.2 通过SQL语句设置主键 ...

  5. 《图解Spark:核心技术与案例实战》作者经验谈

    1,看您有维护博客,还利用业余时间著书,在技术输出.自我提升以及本职工作的时间利用上您有没有什么心得和大家分享?(也可以包含一些您写书的小故事.)回答:在工作之余能够写博客.著书主要对技术的坚持和热爱 ...

  6. java设计模式—多工厂模式

    概念           多个工厂模式,是对普通工厂方法的改进,在普通工厂模式中,如果字符串传递出错,则不能正   确创建对象,而多个工厂模式是提供多个工厂方法,分别创建对象.     多个工厂模式关 ...

  7. let 和 const

    let命令 1.let命令只在所在的代码快内有效 { let a = 'hello world' console.log(a) //hello world } console.log(a) //Unc ...

  8. 百度编辑器的内容改变事件监听bug

    先贴上我的初始化代码,可能是用法问题冤枉了百度编辑器,如果是我的用法有问题欢迎大侠们指正 <!DOCTYPE type> <html> <head> <met ...

  9. 命令行保存指定目录文件的名字(可包含文件夹文字)到txt文本文件

    Microsoft Visual Studio中配置OpenCV解决方案属性的时候, 需要将OpenCV的lib扩展名的库文件添加到属性的依赖列表里面,网上的有些人博客里面直接给出的会有问题(但大多数 ...

  10. [乐意黎原创] cuteftp 9 显示中文乱码

    当用FTP连接空间时.中文命名的文件名称会显示乱码,原来是编码设置错误.怎么改动呢? 改动方法例如以下: 选择. 工具--> 全局选项->传输: 1. 传输方法: ASCII 2. SFT ...