JavaScript学习之for循环与for/in循环介绍

企鹅博客 2019年8月12日07:15:50 评论 199
摘要

本篇文章就给大家带来JavaScript学习之for循环与for/in循环介绍。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

本篇文章就给大家带来JavaScript学习之for循环与for/in循环介绍。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

循环可以将代码块执行指定的次数。

JavaScript 支持不同类型的循环:

  • for - 循环代码块一定的次数

  • for/in - 循环遍历对象的属性

  • while - 当指定的条件为true,循环指定的代码块

  • do/while - 当指定的条件为true,循环指定的代码块

for循环

for循环的语法:

for(语句1;语句2;语句3){     被执行的代码块   }

说明:

语句1(代码块)开始前执行

语句2 定义运行循环(代码块)的条件

语句3 在循环(代码块)以被执行之后执行

例如:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript"> for (var i = 0; i < 5; i++) { alert("我是for循环"); } </script> </html>

从上面的例子中,可以看出:

在循环开始之前设置变量(var i = 0;)

定义循环运行的条件(i 必须小于5)

在每次代码块已被执行后增加一个值(i++)

一般使用语句1初始化循环中所使用的变量 ==》(var i = 0;)

也可以不写语句1,可以在语句1中初始化任意多个值。

也可以省略语句1,比如在循环之前就已经定义了初始值。

例如:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript"> var i = 0 for(; i < 5; i++) { alert("我是for循环"); } </script> </html>

但是语句1后面的 ==》; 不能省略。

语句2用于评估初始变量的条件。语句2也是可选的。如果语句返回true则循环再次开始,如果返回false,则循环结束。

如果省略了语句2,name必须在循环内提供break,否则循环就无法停下来,有可能会让浏览器奔溃。

语句3通常会增加或者减少初始变量的值,语句3也是可选的,有多种用法,增量可以是负数(i--)或者更大(i = i + 15)

语句3也可以省略,(比如当循环内部有相应的代码时)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript"> var i = 0, len = cc.length; for(; i < len;) { alert("我是for循环"); i++; } </script> </html>

for/in 循环

JavaScript for/in 语句循环遍历对象的属性:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body></body> <script type="text/javascript"> var person = { name: "haha", age: 16 }; for(x in person) { text = text + person[x]; } </script> </html>

JavaScript中for/in不仅可以遍历对象的属性,还可以遍历数组。

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程,jQuery视频教程,bootstrap教程!

以上就是JavaScript学习之for循环与for/in循环介绍的详细内容,更多请关注php教程其它相关文章!

weinxin
欢迎加入中国SEO站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
企鹅博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: