`

第四章 JavaScript流程控制

    博客分类:
  • js
阅读更多
一元运算符
位运算符
逻辑运算符
乘性运算符
加性运算符
关系运算符
等性运算符
条件运算符
赋值运算符
逗号运算符

if 语句
switch 语句
循环语句
break 语句
continue 语句

if 语句
if 语句是 ECMAScript 中最常用的语句之一,事实上在许多计算机语言中都是如此。
if 语句的语法:
if (condition) {
statement1 ;
}else {
statement2 ;
}
condition 可以是任何表达式,计算的结果甚至不必是真正的 boolean 值,ECMAScript 会把它转换成 boolean 值。
提示:使用代码块被认为是一种最佳的编程实践,即使要执行的代码只有一行。这样做可以使每个条件要执行什么一目了然。
串联多个 if 语句
if (condition1) {
statement1
}else if (condition2) {
statement2
}else {
statement3
}

switch 语句
switch 语句是 if 语句的兄弟语句。
switch (i) {
  case 20:
alert("20");
    break;
  case 30:
alert("30");
    break;
  case 40:
alert("40");
    break;
  default:
alert("other");
}
ECMAScript 和 Java 中的 switch 语句有两点不同。在 ECMAScript 中,switch 语句可以用于字符串,而且能用不是常量的值说明情况:
var BLUE = "blue", RED = "red", GREEN  = "green";
switch (sColor) {
  case BLUE:
alert("Blue");
    break;
  case RED:
alert("Red");
    break;
  case GREEN:
alert("Green");
    break;
  default: alert("Other");
}
这里,switch 语句用于字符串 sColor,声明 case 使用的是变量 BLUE、RED 和 GREEN,这在 ECMAScript 中是完全有效的。

do-while 语句
do-while 语句是后测试循环,即退出条件在执行循环内部的代码之后计算。这意味着在计算表达式之前,至少会执行循环主体一次。
它的语法如下:
do {
statement
} while (expression);
例子:
var i = 0;
do {
i += 2;
} while (i < 10);
while 语句是前测试循环。这意味着退出条件是在执行循环内部的代码之前计算的。因此,循环主体可能根本不被执行。
它的语法如下:
while (expression) {
statement例子:
}
例子:
var i = 0;
while (i < 10) {
  i += 2;
}


for 语句

for 语句是前测试循环,而且在进入循环之前,能够初始化变量,并定义循环后要执行的代码。
它的语法如下:
for (表达式初始化; 判断条件; 变量改变条件) {
statement
}
注意:变量改变条件 之后不能写分号,否则无法运行。
例子:
iCount = 6;
for (var i = 0; i < iCount; i++) {
  alert(i);
}

for-in 语句
for 语句是严格的迭代语句,用于枚举对象的属性,对数组的遍历
for (property in expression) {
statement
}
枚举对象的属性例子:
for (sProp in window) {
  alert(sProp);
}
这里,for-in 语句用于显示 window 对象的所有属性。
对数组的遍历的例子
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars){
document.write(mycars[x] + "<br />");
}
对数组的遍历的例子
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars){
document.write(mycars[x] + "<br />");
}

break 和 continue


break 和 continue 语句的不同之处
break 语句可以立即退出循环,阻止再次反复执行任何代码。
而 continue 语句只是退出当前循环,根据控制表达式还允许继续进行下一次循环。

总结

if 语句
switch 语句
循环语句
break 语句
continue 语句
分享到:
评论

相关推荐

    《JavaScript程序设计基础教程》 课件

    第二章 HTML制作 第三章 JAVASCRIPT编程基础 第四章 流程控制 第五章 函数 第六章 对象编程 第七章 文档对象模型与事件驱动 第八章 使用浏览器对象 第九章 级联样式表(CSS)技术 ...

    javascript完全学习手册1 源码

    第4章 JavaScript常用对象 73 4.1 Document对象 73 4.1.1 Document对象概述 73 4.1.2 使用Document对象 75 4.2 Form对象及其元素 79 4.2.1 Form对象概述 79 4.2.2 表单元素 80 4.2.3 表单元素属性和事件 82 4.2.4 ...

    javascript完全学习手册2 源码

    第4章 JavaScript常用对象 4.1 Document对象 4.1.1 Document对象概述 4.1.2 使用Document对象 4.2 Form对象及其元素 4.2.1 Form对象概述 4.2.2 表单元素 4.2.3 表单元素属性和事件 4.2.4 表单验证 ...

    JavaScript 程序设计基础

    第一章 JAVASCRIPT 简介 第二章 HTML制作 ...第四章 流程控制 第五章 函数 第六章 对象编程 第七章 文档对象模型与事件驱动 第八章 使用浏览器对象 第九章 级联样式表(CSS)技术 第十章 JavaScript网页特效

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    第4章 HTML 5的绘图支持 101 4.1 使用canvas元素 102 4.2 绘图 103 4.3 坐标变换 118 4.4 控制叠加风格 123 4.5 控制填充风格 124 4.6 位图处理 128 4.7 输出位图 132 4.8 动画制作 133 4.9 本章小结 136 ...

    JavaScript教程

    第一章 JAVASCRIPT 简介 第二章 HTML制作 ...第四章 流程控制 第五章 函数 第六章 对象编程 第七章 文档对象模型与事件驱动 第八章 使用浏览器对象 第九章 级联样式表(CSS)技术 第十章 JavaScript网页特效

    javascript基础

    JavaScript 程序设计基础教程 ...第四章 流程控制 第五章 函数 第六章 对象编程 第七章 文档对象模型与事件驱动 第八章 使用浏览器对象 第九章 级联样式表(CSS)技术 第十章 JavaScript网页特效

    JavaScript实例精通 源代码

    示例描述:客户端的流程控制。 2_1.htm 条件判断语句if…else 2_2.htm 多条件判断语句switch。 2_3.htm 嵌套循环语句for。 2_4.htm 循环语句while。 2_5.htm 控制循环过程break和continue。 2_6.htm 利用流程控制...

    Web设计原理与编程技术.rar

    第四章 JavaScript; 第五章 Web网站设计准则; 第六章 Java概述; 第七章 Java语言的基本概念及流程控制; 第八章 Java小程序Applet; 第九章 Java的多线程机制; 第十章 JAVA网络程序设计; 第十一章 CGI技术; 第十二章 ...

    Python运维开发培训视频.rar

    02第二章 Python流程控制 03第三章 Python字符串 04第四章 Python文件操作 05第五章 Python函数 06第六章 Python模块 07第七章 Python面向对象 08笔八章Web开发基础之HTML+CSS 09第力章Web开发基础之 JavaScript 10...

    源文件程序天下JAVASCRIPT实例自学手册

    第4章 JavaScript基于对象编程 4.1 面向对象编程与基于对象编程 4.1.1 什么是对象 4.1.2 面向对象编程 4.1.3 面向对象编程:继承 4.1.4 面向对象编程:封装 4.1.5 面向对象编程:多态 4.1.6 基于对象编程 4.2 ...

    JavaScript完全自学宝典 源代码

    第4章(\c04) 示例描述:介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html 作为关联数组的对象与数组对象实现方式比较。 4.3.html prototype的用法。 4.4.html prototype实现继承...

    JavaScript实例精通

    第4章(\4) 示例描述:数组技术。 4_1.htm 创建空数组。 4_2.htm 创建带初始值的数组。 4_3.htm 将数组转换为字符串。 4_4.htm 遍历数组中的元素。 4_5.htm 合并两个数组。 4_6.htm 创建多维数组。 4_7...

    《JavaScript实例精通》[源代码]

    第4章(\4) 示例描述:数组技术。 4_1.htm 创建空数组。 4_2.htm 创建带初始值的数组。 4_3.htm 将数组转换为字符串。 4_4.htm 遍历数组中的元素。 4_5.htm 合并两个数组。 4_6.htm 创建多维数组。 4_7...

    JavaScript编程精解

    第4~7章讲解了JavaScript编程中的高级技术,目的是帮助读者编写更复杂的JavaScript程序,主要涉及错误处理、函数式编程、面向对象编程、模块化等重要内容;第8~12章则将重心转移到JavaScript环境中可用的工具上,...

    neonevins#JS-#04-流程控制1

    第四章-流程控制1.代码块的选择执行if代码块: 一块代码,比函数简单的打包,不需要调用,用大括号括起来{//代码块,熟人打招呼console.log("nic

    JavaScript基础和实例代码

    第4章 JavaScript基于对象编程 4.1 面向对象编程与基于对象编程 4.1.1 什么是对象 4.1.2 面向对象编程 4.1.3 面向对象编程:继承 4.1.4 面向对象编程:封装 4.1.5 面向对象编程:多态 4.1.6 基于对象编程 4.2 ...

    ASP超速入门教程(4)

    第1章 基础操作 1. 初识网页 2. 动态网页和静态网页概述 3. ASP概述 4. IIS的安装和设置 5. 浏览ASP页面 6. 创建一个简单的ASP程序 第2章 利用脚本语言创建动态网页 ...17. JavaScript流程控制语句 18. 总结

    ASP超快速入门教程(1)

    第1章 基础操作 1. 初识网页 2. 动态网页和静态网页概述 3. ASP概述 4. IIS的安装和设置 5. 浏览ASP页面 6. 创建一个简单的ASP程序 第2章 利用脚本语言创建动态网页 ...17. JavaScript流程控制语句 18. 总结

Global site tag (gtag.js) - Google Analytics