JavaScript学习之旅-4(原创)

在上一篇文章中,我们主要介绍了javaScript的变量、对象,这一篇的内容我们主要学习JavaScript的条件判断、循环、break和continue语句。

条件判断:

if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码

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

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

switch 语句 - 使用该语句来选择多个代码块之一来执行

这个条件判断语法跟Java的条件判断语法几乎一样,


img_be7a1ef1917a73f52304ddef9927f662.png
判断条件初体验

 default 关键词来规定匹配不存在时所执行的事情

循环:

JavaScript的循环有两种,一种是for循环,通过初始条件、结束条件和递增条件来循环执行语句块;还有一种是while循环,while循环只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。

for循环:


img_e3e10ce12ed560e91fc1207c3ccdf20d.png
for循环初体验

我们简单的分析下上面的代码:(document.write 是写入网页的意思,br标签是换行的意思 )

首先:i = 0 这是初始条件,将变量i置为0;

然后:i <= cars.length 这是判断条件,满足时就继续循环,不满足就退出循环;

接着:i++ 这是每次循环后的递增条件,由于每次循环后变量i都会加1,因此它终将在若干次循环后不满足判断条件 i < cars.length 而退出循环。

for循环最常用的地方是利用索引来遍历数组,当然也可以遍历对象。

在JavaScript中,for循环表现形式的还有一种是for ... in循环,它可以把一个对象的所有属性依次循环遍历出来:


img_61526b8586b4298f90409cd93f2393f7.png
for in 循环

如图,我们通过for in 循环可以遍历出对象的key和value;由于Array也是对象,而它的每个元素的索引被视为对象的属性,因此,for ... in循环可以直接循环出Array的索引,如下图:


img_8308f2689fb70bf878f90388026a58b7.png

while循环:

While 循环会在指定条件为true 时循环执行代码块。While只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。这种while循环写起来,其格式相较for循环来说比较小清新:


img_7b59492f51cdf6bd923e8a81d6f0dca6.png
while循环


do ... while:

do ... while 他是while循环的一种,它和while循环的唯一区别在于,不是在每次循环开始的时候判断条件,而是在每次循环完成的时候判断条件(注意:在每次循环完成的时候会先去判断条件)


img_fff62797528f7db1a04efff70080147d.png
do while 循环

值得注意的是,如果在项目中使用do { ... } while()循环,该循环体至少会执行1次,而for和while循环如果不满足判断条件,则可能一次都不执行。

break、continue 语句:

 break语句是用于跳出循环;continue用于如果满足匹配条件,就跳出循环,进行下一次的循环。

比如,switch语句中,匹配条件,我们就用break跳出循环;下面给一个continue语句的截图,


img_02f5e3ab2a39ed3c8e0de6eda6609a24.png
continue用法

当满足 i == 3 这个判断条件的时候,循环就跳出;然后继续循环,所以日志上面打印的是0、1、2、4、5 没有打印3。


拓展:

1)for循环的3个条件都是可以省略的,如果没有退出循环的判断条件,就必须使用break语句退出循环,否则就是死循环:

img_10865cb64ce75e5c612de6176f32dcf3.png
for循环的无限循环

2)JavaScript的死循环会让浏览器无法正常显示或执行当前页面的逻辑,有的浏览器会直接挂掉,有的浏览器会在一段时间后提示你强行终止JavaScript的执行,因此,要特别注意死循环的问题。

未完待续。。。

如果这篇文章对你有帮助,希望各位看官留下宝贵的star,谢谢。

Ps:著作权归作者所有,转载请注明作者, 商业转载请联系作者获得授权,非商业转载请注明出处(开头或结尾请添加转载出处,添加原文url地址),文章请勿滥用,也希望大家尊重笔者的劳动成果。

优秀的个人博客,低调大师

微信关注我们

原文链接:https://yq.aliyun.com/articles/657537

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
优质分享Android(本站安卓app)

优质分享Android(本站安卓app)

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Apache Tomcat7、8、9(Java Web服务器)

Apache Tomcat7、8、9(Java Web服务器)

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

Eclipse(集成开发环境)

Eclipse(集成开发环境)

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。

Java Development Kit(Java开发工具)

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具。