js的循环语句
一、概念
1、循环: 重复,循环结构语句: 就是重复的执行一段代码。
2、循环的四个要素
(1). 有一个初始化变量
(2). 条件判断(循环条件)
(3). 要重复执行的代码(循环体)
(4). 改变初始化变量(循环变量)
3、基础循环结构语句有三种:
(1) while 循环
(2) do … while 循环
(3) for 循环
二、while循环
1、语法:
while(循环条件){
// 要重复执行的代码(循环体);
}
while: 当 … 时
当条件为 true 的时候, 就执行 { } 里面的代码
直到条件为 false 的时候, 就不再执行 { } 里面的代码了
2、例:我们要得到从1到10的数字
var i = 1; //首先要定义一个变量并且初始化
while (i <= 10) {
console.log(i);
i++;
}
如果一开始第一次的条件判断就不满足, 那么一次都不执行
三、do…while循环
1、语法:
do{
//循环体
}while(条件)
执行顺序和while循环基本一致,只不过不管条件是不是成立, 都先执行一次。
注意:先执行一次, 不是在最后多一次
var i = 100
do {
console.log(i); // 循环体
i++; // 改变变量
} while (i <= 10); // 条件判断
因为会先执行一次,所以即使i=100时,i<10不成立,也会输出100
四、for循环
1、语法
for(表达式1;表达式2;表达式3){
//循环体
}
表达式1: 初始化
表达式2: 循环条件
表达式3: 增量(改变循环条件的范围)
2、例:
for (var i = 1; i <= 10; i++) {
console.log(i);
}
也可以写成以下形式:
var i = 0 ; //1.初始化
for (; i <= 10; ) { //2.条件判断
console.log(i); // 3.循环体
i++ ; // 4. 改变初始化
}
3、for语句的执行流程
(1) 执行表达式1,对循环进行初始化
(2) 执行表达式2,获得一个布尔结果
表达式2的布尔结构是 :true 执行循环体 / false 结束循环 从大括号后面开始执行
(3) 如果执行了循环体,则执行表达式3
(4)再执行表达式2,获得一个布尔结果
表达式2的布尔结构是 :true 执行循环体 / false 结束循环 从大括号后面开始执行
(5)如果执行了循环体,则执行表达式3
以此规律继续循环执行,直到表达式2条件不满足,跳出循环
五、循环注意
(1)循环变量一定要初始化
(2)无论是任何循环语句,都要有尽头,不能无穷的重复,更不能写成死循环
(3)循环可以进行嵌套,一个循环里面可以嵌套多个循环
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
document.write(j + ' * ' + i + ' = ' + j * i + ' ')
}
document.write('</br>')
}