JavaScript程序中的流程控制语句用法总结


Posted in Javascript onMay 23, 2016

条件判断语句
1.if语句

if (condition) statement1 else statement2

其中的condition条件可以是任意表达式,而且对这个表达式的求值结果不一定是布尔值。ECMAScript会自动调用Boolean()转换函数将这个表达式的结果转换为一个布尔值。如果对condition求值的结果为true,则执行statement1,如果对condition求值结果为false,则执行statement2。这两个语句既可以是一行代码,也可以是一个代码块(推荐)。

if (condition1) statement1 else if(condition2) statement2 else statement3

2.switch语句

switch(expression) {
  case value: statement
    break;
  case value: statement
    break;
  case value: statement
    break;
  default: statement
}

switch语句中每一个case的含义是:"如果表达式等于这个值value,则执行后面的语句statement"。而break会导致代码执行跳出switch语句。如果省略break关键字,就会导致执行完当前case后,继续执行下一个case。最后的default关键字则用于在表达式不匹配前面任何一种情形时,执行机动代码(因此,也相当于一个else语句)。

例子1

var num = 25;
switch (true) {
  case num < 0:
    alert("Less than 0");
    break;
  case num >= 0 && num <= 10:
    alert("Between 0 and 10");
    break;
  case num > 10 && num <= 20:
    alert("Between 10 and 20");
    break;
  default:
    alert("More than 20");
}

注意:switch语句在比较值时使用的是全等操作符,因此不会发生类型转换。

循环语句
后测试循环语句。
在对表达式求值之前,循环体内的代码至少被执行一次。

1.do-while语句

do {
  statement
} while (expression);

例子2

var i = 0;
  do {
    i += 2;
  } while (i < 10);
  alert(i);//10

前测试循环语句
2.while语句

while(expression) statement

例子3

var i = 0;
  while(i < 10) {
    i += 2;
  }
  alert(i);//10

3.for语句
它具有在执行循环之前初始化变量和定义循环后要执行代码的能力。
例子4

for(var i = 0;i < 10;i++) {
  alert(i);
}

迭代语句
for-in语句
for-in 语句是一种精准的迭代语句,可以用来枚举对象的属性

for (var prop in window) {
    console.log(prop);
  }

ECMAScript对象的属性没有顺序。因此通过for-in循环输出的属性名是不可预测的,具体来讲,所有属性都会被返回一次,单反毁的先后次序可能会因浏览器而异。建议在使用之前,先检测确认该对象的值不是null或unedfined。

控制执行语句
break语句
立即退出循环
例子5

var num = 0;
  for(var i = 1;i < 10;i++) {
    if(i % 5 == 0) {
      break;
    }
    num++;
  }
  alert(num);//4

continue语句
退出当前正在执行的循环代码,然后开始继续循环。

var num = 0;
    for(var i = 1;i < 10;i++) {
      if(i % 5 == 0) {
        continue;
      }
      num++;
    }
    alert(num);//8

return语句
可指定返回值,也可不指定(此时返回undefined)。
1.return语句后停止并立即退出函数,return后面的语句也永远不会执行
2.return语句只能在函数体内出现,如果不是的话会自动报语法错误

Javascript 相关文章推荐
URI、URL和URN之间的区别与联系
Dec 20 Javascript
表单元素事件 (Form Element Events)
Jul 17 Javascript
深入认识javascript中的eval函数
Nov 02 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
node.js中的fs.open方法使用说明
Dec 17 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
js事件委托和事件代理案例分享
Jul 25 Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
Nov 22 Javascript
Node.js实现批量下载图片简单操作示例
Jan 18 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
May 23 #Javascript
谈一谈bootstrap响应式布局
May 23 #Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 #Javascript
JavaScript的Vue.js库入门学习教程
May 23 #Javascript
详解JavaScript中|单竖杠运算符的使用方法
May 23 #Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 #Javascript
jQuery Mobile中的button按钮组件基础使用教程
May 23 #Javascript
You might like
php数组转成json格式的方法
2015/03/09 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
Javascript 面向对象(二)封装代码
2012/05/23 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
使用JavaScript破解web
2018/09/28 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
python mysqldb连接数据库
2009/03/16 Python
python append、extend与insert的区别
2016/10/13 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
python如何调用php文件中的函数详解
2020/12/29 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
英国香水店:The Perfume Shop
2017/03/27 全球购物
迪拜航空官方网站:flydubai
2017/04/20 全球购物
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
公司授权委托书范本
2014/04/03 职场文书
企业职业病防治方案
2014/05/29 职场文书
个人批评与自我批评范文
2014/10/17 职场文书
金陵十三钗观后感
2015/06/04 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书