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 相关文章推荐
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
javascript 函数使用说明
Apr 07 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
Windows 系统下安装和部署Egret的开发环境
Jul 31 Javascript
基于jquery编写分页插件
Mar 07 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
jquery+css实现侧边导航栏效果
Jun 12 jQuery
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
微信小程序常见页面跳转操作简单示例
May 01 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
实用函数9
2007/11/08 PHP
PHP中文件上传的一个问题
2010/09/04 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
jsonp原理及使用
2013/10/28 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
原生js实现无缝轮播图
2020/01/11 Javascript
python optparse模块使用实例
2015/04/09 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
python opencv 简单阈值算法的实现
2019/08/04 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
大专自我鉴定范文
2013/10/23 职场文书
策划助理岗位职责
2013/11/18 职场文书
《满井游记》教学反思
2014/02/26 职场文书
房屋产权证明书
2014/10/15 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
三年级上册科学教学计划
2015/01/21 职场文书
2015高考寄语集锦
2015/02/27 职场文书
起诉意见书范文
2015/05/19 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书
幽灵公主观后感
2015/06/09 职场文书