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
要记得让条件变量自增或自减,否则会陷入死循环