JS的流程控制语句（二）

JS的循环语句

当希望重复执行同一段代码，并且每一次的值都不同时，可以使用循环语句。
JS中，支持的循环类型有以下几种：

• for
  循环代码执行一定的次数
• for/in
  循环遍历对象的属性或数组
• while
  当循环次数不确定时使用，要先判断执行条件是否为true
• do/while
  不管条件是否为true,都会先执行一次，然后再判断条件是否为true

for 循环

for循环是最常见的循环方式。

语法：

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

语句1：初始化语句，声明循环体内需要的变量
语句2 ：条件判断语句，定义循环体执行的条件
语句3：条件控制语句，改变语句1中变量的值，避免死循环

语句1

• 通常我们会使用语句1来初始化循环体中用到的变量（var i = 0）
• 语句1是可选的，不写语句1也没问题
• 语句1中初始化的变量个数是任意的

// 求0~10的和
for (var i = 0, sum = 0; i < 11; i++) {
	sum += i;
	console.log(sum);
}

可以省略语句1，但必须要在循环之前声明好变量，并且语句1后的分号不能少。

var i = 0, sum = 0;  // 该语句相当于语句1
for (; i < 11; i++) {
	sum += i;
	console.log(sum);
}

语句2

• 语句2用来判断初始化变量的条件
• 语句2也是可选的
• 如果语句2的结果为true,则执行循环，如果为false,则循环结束

如果省略了语句2，那么必须要在循环体内添加break语句，否则循环就无法停止，进入死循环。

语句三：

• 增加或减少初始变量的值
• 语句3也是可以省略的，但要在循环体内部添加相应的代码

for (var i = 0, sum = 0; i < 11;) {
	sum += i;
	console.log(sum);
	 i++;   // 该语句相当于语句3
}

for/in 循环

for/in循环语句用来遍历对象的属性或数组。

语法：

for (属性 in 对象) {
	在此执行代码
}
或
for (变量 in 数组) {
	在此执行代码
}

使用for…in来便来遍历对象。

var obj = {a:1, b:2, c:3};
// 此处是在for的括号内声明一个变量，和在括号外声明变量是一样的
for (var prop in obj) {
  console.log("obj." + prop + " = " + obj[prop]);
}
// 以下是遍历输出的结果：
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

使用for…in来便来遍历数组。

// 此处是在for/in循环外声明一个变量
var x;  
var mycars = new Array();
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
	console.log(mycars[x]);
}
// 遍历输出的结果：
// Saab
// Volvo
// BMW

注意：

for…in循环是为对象而创建的，不推荐用来遍历数组。
数组索引只是具有整数名称的枚举属性，并且与通用对象属性相同。不能保证for … in将 以任何特定的顺序返回索引。for … in循环语句将返回所有可枚举属性，包括非整数类型的名称和继承的那些。
因为迭代的顺序是依赖于执行环境的，所以数组遍历不一定按次序访问元素。因此当迭代访问顺序很重要的数组时，最好用整数索引去进行for循环

while 循环

while循环会在指定条件为true时循环执行代码块。

语法：

while (条件语句) {
	执行的代码块
}
// 要记得让条件变量自增或自减，否则会陷入死循环

实例：

var i = 0;
while (i < 5) {
	console.log('该数字是：' + i);
	i++;  // 该语句不能少，否则会陷入死循环
}

// 输出结果： 
// 该数字是：0
// 该数字是：1
// 该数字是：2
// 该数字是：3
// 该数字是：4

do/while 循环

do/while循环是while循环的变形。该循环会在条件判断之前先执行一次循环体，如果条件为true的话，就会重复执行循环体。

语法：

do {
	要执行的代码
	// 要记得让条件变量自增或自减，否则会陷入死循环
} while (条件语句)

实例：
该循环至少会执行一次，即使条件为false也会执行一次，因为代码块会在条件判断之前先执行。

var i = 0;
do {
	console.log('该数字是：' + i);
	i++;  // 该语句不能少，否则会陷入死循环
} while (i < 5)

// 输出结果： 
// 该数字是：0
// 该数字是：1
// 该数字是：2
// 该数字是：3
// 该数字是：4

要记得让条件变量自增或自减，否则会陷入死循环