js提供了三种循环:for ,while,do...while
循环:在程序中,一组被重复执行的语句被称为循环体,能否重复执行,取决于循环的终止条件,由循环体及循环的终止条件组成的语句被称为循环语句
1.for循环
语法结构:
for(初始化变量;条件表达式;操作表达式){
循环体
}
初始化变量:用来初始化一个用作计数器的变量,通常用var 来声明 ,并给变量一个初始值
条件表达式 :用来决定每一次循环是否重复执行 也就是循环的终止条件
操作表达式 :是每次循环最后执行的代码 通常用于对计数器进行更新(递增或递减)
例: 使用for循环输出1-100范围内的数字
for(var i=1;i<=100;i++){
console.log(i);
}
上述代码的执行流程:
1.执行var i =1;初始化变量
2.判断 i<=100是否为true 如为true 执行循环体 反之,结束循环
3.执行循环体,通过console.log(i) 输出变量i的值
4.执行i++;将i的值进行更新 此时i的值为2
5.判断i<=100是否为true,和第二个步骤一样,只要条件为true,就一直执行循环体,直到i=101,不满足条件,结束循环
1.1for循环嵌套
循环嵌套是指在一个循环中嵌套另一个循环,经常用于多维数组的处理
例:生成5行5列的星星图案
var str = '';
for(var i = 1;i<=5;i++){ //外层循环控制行数 外层循环一次 内层循环5次
for(var j =1;j<=5;j++){ //内层循环控制列数
str = str + "★"; // 内层for循环5次,往空字符串str里面添加5个星星
}
str = str +'\n' //这一步是换行
}
console.log(str);
运行结果:
1.2循环嵌套的典型案例--九九乘法表
代码如下:
var str = '';
for(var i = 1;i<=9;i++){ //控制外层循环 9行
for(var j= 1;j<=i;j++){ // 控制内层循环 每行列数不一样
str += i +"x"+ j +'='+ i*j+'\t';
}
str = str +'\n'
}
console.log(str);
运行结果:
2.while循环
while语句可以在条件表达式为true的情况下,循环执行指定的一段代码,直到条件表达式为false时结束循环
语法:
while(条件表达式){
循环体
}
例:计算1-100之间整数和
var i =1;
var sum =0;
while(i<=100){
sum += i; //sum =sum+i
i++;
}
console.log(sum); //5050
需要注意的是,在循环体中需要对计数器的值进行更新(i++),以防止出现死循环
3.do...while循环
do...while循环的功能和while语句类似,
其区别在于do...while会无条件的执行一次循环体中的代码,然后再判断条件,根据条件决定是否执行循环体,而while是先判断条件,再根据条件决定是否执行循环体
// 语法
//先执行循环体,再判断条件
例:算1-100之间整数和
var i =1;
var sum =0;
do{
sum += i;
i++;
}while(i<=100)
console.log(sum);
4.总结
for循环是先执行计数器,然后进入判断,如果条件为true,就执行循环体,再进入操作表达式i++,然后再进行判断是否满足条件,如果满足,继续执行循环体,不满足退出循环体。
while循环是先判断条件,满足条件,执行循环,不满足条件,退出循环。
do...while是先执行循环体,再进行判断,满足条件时,继续执行循环体,不满足条件则退出循环
以上是对JavaScript中三种循环的解释说明,希望能帮到有需要的同学,如有错误,请联系作者,创作不易,给作者一个小心心吧,感谢阅读!