cari

Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript学习之for循环与for/in循环介绍

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

青灯夜游
青灯夜游ke hadapan
2018-10-16 17:06:461748semak imbas

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

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

JavaScript 支持不同类型的循环：

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

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

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

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

for循环

for循环的语法：

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

说明：

 语句1（代码块）开始前执行

 语句2  定义运行循环（代码块）的条件

 语句3  在循环（代码块）以被执行之后执行

例如：

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
a80eb7cbb6fff8b0ff70bae37074b813
b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
8019067d09615e43c7904885b5246f0a
    for (var i = 0; i 30ec19e683c1fe835e9dea0c0830b1d0
73a6ac4ed44ffec12cee46588e518a5e

从上面的例子中，可以看出：

在循环开始之前设置变量（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也可以省略，（比如当循环内部有相应的代码时）

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
	93f0f5c25f18dab9d176bd4f6de5d30e
		a80eb7cbb6fff8b0ff70bae37074b813
		b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f
	9c3bca370b5104690d9ef395f2c5f8d1
	8019067d09615e43c7904885b5246f0a
		var i = 0,
			len = cc.length;
		for(; i 0d5f929479e7eb9a0e12c1d901fca32f

73a6ac4ed44ffec12cee46588e518a5e

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教程！

Atas ialah kandungan terperinci JavaScript学习之for循环与for/in循环介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Artikel ini dikembalikan pada:cnblogs.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：JavaScript如何实现随机选人效果？（代码实例）Artikel seterusnya：JavaScript学习之什么是闭包？js闭包的介绍

Artikel berkaitan

Lihat lagi