视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
详解JavaScript的流程控制语句_javascript技巧
2020-11-27 21:46:27 责编:小采
文档
JS的核心ECMAScript规定的流程控制语句和其他的程序设计语言还是蛮相似的。我们选择一些实用的例子来看
一下这些语句。顺序结构我们在这里就不再提到,直接说条件和循环以及其他语句。
一、条件选择结构
条件选择语句用于基于不同的条件来执行不同的动作,通常在写代码时,总是需要为不同的决定来执行不同的
动作,可以在代码中使用条件语句来完成该任务。
在JavaScript中,我们可使用以下条件语句:
if 语句:只有当指定条件为true时,使用该语句来执行代码

 
 
 
 
JS流程控制语句 
 
 
 
 

如果时间早于 20:00,会获得问候 "Good day"。

运行的结果为:

if...else语句:当条件为true时执行代码,当条件为 false 时执行其他代码

 
 
 
 
JS流程控制语句 
 
 
 
 

如果时间早于 20:00,会获得问候 "Good day"。如果时间晚于 20:00,会获得问候 "Good evening"。

运行的结果为:

if...else if....else 语句:使用该语句来选择多个代码块之一来执行

 
 
 
 
JS流程控制语句 
 
 
 
 

如果时间早于 10:00,会获得问候 "Good morning"。

如果时间早于 20:00,会获得问候 "Good day"。

如果时间晚于 20:00,会获得问候 "Good evening"。

运行的结果为:

switch语句: 使用该语句来选择多个代码块之一来执行。switch 语句用于基于不同的条件来执行不同的动作

 
 
 
 
JS流程控制语句2 
 
 
 

点击下面的按钮来显示今天是周几:

运行的结果:

default关键字的使用

 
 
 
 
JS流程控制语句2 
 
 
 

点击下面的按钮来显示今天是周几:

运行的结果为:

二、循环结构
循环可以将代码块执行指定的次数。
JavaScript支持不同类型的循环:
(1)for语句:循环代码块一定的次数

for(var box=1;box<=10;box++) 
{ 
 document.write("box="+box+"
"); }

运行的结果为:

(2)for...in语句: 循环遍历对象的属性



运行的结果为:

(3)while语句:当指定的条件为 true 时循环指定的代码块。先判断,再执行语句,这种比较实用。



运行的结果为:

(4)do...while - 同样当指定的条件为 true 时循环指定的代码块。先执行一次,再判断



运行的结果为:

三、其他语句
(1)break语句:用于跳出循环。



运行的结果为:

执行到第四次循环时不再继续执行,跳出了真个循环,,输出的少了box=5以后的循环。
(2)continue语句:用于跳过循环中的一个迭代。



运行的结果为:

执行到第四次循环时,跳出第五次循环,继续向下面执行,输出的少了box=5。
(3)with语句:将代码的作用域设置到一个特定的对象中
先来看一般我们是怎么样输出对象的属性的值的:



运行的结果为:

改用with语句来写:



运行的结果为:

从三大方面介绍了JavaScript的流程控制语句,希望大家仔细阅读,数量掌握JavaScript流程控制语句的使用方法。

下载本文
显示全文
专题