文章目录
- 前言
- 一、循环是什么?
- 二、实例
- 1.while循环
- 2.do-while循环
- 3.for循环
- 总结
前言
js中,循环的使用是非常频繁的,js中会有很多时候代码都需要重复运行,那么我们在写代码时不可能一遍一遍地去写,这个时候我们就必须用到循环
一、循环是什么?
循环就是重复的运行一段代码以达到用户的需求
JS中的三种循环结构:
while循环:先判断条件,再进行循环
while(条件){
// 循环体
}
do-while循环:首先循环一次,再判断条件,也就是说,使用do-while循环时,无论如何也会有一次循环
do{
// 循环体
}while(条件)
for循环:
for(初始化表达式; 条件; 条件改变表达式){
//循环体
}
//这种也是我们用到的最多的一种循环方式
二、实例
1.while循环
用while循环来找出水仙花数
水仙花数:水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身(例如:1^3 + 5^3+ 3^3 = 153)。
var i = 100;//水仙花数是三位数,所以直接从100开始,999结束
while (i <= 999) {//循环条件
var bai = parseInt(i / 100);//取出百位
var shi = parseInt(i % 100 / 10);//取出十位
var ge = parseInt(i % 10);//取出各位
if (i == bai * bai * bai + shi * shi * shi + ge * ge * ge) {
console.log(i + " ");
}
i++;
}
控制台输出:
2.do-while循环
输入10以内的数:
var i = 0; //从0开始
do {
i++; //i自增
console.log(i);
} while (i < 10); //条件,当i小于10时,继续循环
控制台输出:
3.for循环
这里以九九乘法表为例:
var a = "";
for (i = 1; i <= 9; i++) { //i控制行数,循环九次,打印9行
for (j = 1; j <= i; j++) { //j控制每行公式数,每行公式个数与行号一致 j<=i
a += j + "x" + i + "=" + i * j + "\t";
}
a += "\n"; //一行打印完换行
}
console.log(a);
控制台输出:
总结
在js中循环时重难点,重要性不言而喻,难就难在需要理解它的逻辑性,特别是循环中嵌套循环时更是如此,三种循环都是需要掌握的,但是for循环是重中之重,因为,其他两种循环能做到的for循环基本上都能做到。学习循环一定要多敲代码,在脑海里跟着代码走,理解它的循环过程。