在本教程中，我们将学习JavaScript for loop。

在上一教程中，我们了解了while循环。

for循环

语法

for ( initialize; condition; update) {
	//some code
}

在以下示例中，我们具有for循环，该循环将打印" Hello World" 10次。

for ( var i = 1; i <= 10; i++) {
	console.log("Hello World");
}

说明：

首先，评估for循环的初始化部分。
而且这只会发生一次。
因此，我们可以看到变量i设置为1。

接下来检查条件。
如果满足，则进入for循环，否则，退出循环。
在这种情况下，只要

一旦进入for循环，我们便其中执行代码。
在这种情况下，我们在浏览器控制台中打印" Hello World"。

在for循环内执行代码之后，我们移至更新部分。
这将更新下一个循环的值。
在这种情况下，我们使用增量运算符将i的值增加1。

在更新部分之后，我们再次检查条件并重复循环

跳出for循环

当我们想跳出循环时，我们使用break关键字。

在以下示例中，当i = 4时，我们将退出for循环。

for ( var i = 1; i <= 10; i++) {
	if ( i == 4 ) {
		break;
	} else {
		console.log("Hello World");
	}
}

上面的代码将打印" Hello World" 3次。

说明

首先将i的值设置为1。
然后检查i

在for循环内，我们检查i是否等于4。
如果为true，则使用break退出for循环。
否则，我们在浏览器控制台中打印" Hello World"。

继续for循环

当我们想继续循环的更新部分时，我们使用continue关键字。

在下面的代码中，for循环将打印1,2,3，然后跳过4,5,6，然后打印7,8,9和10。

for ( var i = 1; i <= 10; i++) {
	if ( i >= 4 && i <= 6 ) {
		continue;
	} else {
		console.log(i);
	}
}

1
2
3
7
8
9
10

说明：

在上面的for循环中，我们将变量i初始化为1。
对于值1到3，我们在浏览器控制台中打印i的值。

当i的值在4到6之间时，执行" continue"行，这将我们移至for循环的更新部分。
因此，在浏览器控制台中不会打印4,5和6。

当i的值在7到10之间时，我们在浏览器控制台中打印该值。

for in 循环

我们使用for和in关键字创建一个for-in循环。
我们使用它来遍历对象。

语法

for ( propertyname in objectname ) {
	//some code
}

propertyname保存对象的属性名称。

在下面的示例中，我们遍历对象并打印其详细信息。

var fruit = {
	name : "Apple",
	from : "India",
	quantity : 1,
	unit : "kg",
	priceperunit : 50
};

for ( var prop in fruit ) {
	console.log("Property : " + prop);
	console.log("Value : " + fruit[prop]);
}

Property : name
Value : Apple
Property : from
Value : India
Property : quantity
Value : 1
Property : unit
Value : kg
Property : priceperunit
Value : 50