JavaScript中的循环：for循环 while循环 do while循环

71 阅读 0 评论 47 点赞

我是靠谱客的博主拼搏美女，最近开发中收集的这篇文章主要介绍JavaScript中的循环：for循环 while循环 do while循环，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

js循环：for循环 while循环 do while循环
for循环 语法结构 for(初始化变量;条件表达式;操作表达式) {
//循环体
}

<script>
			// 弹出输入框输入总的班级人数num
			// 依次输入学生的成绩score，
			// for循环，弹出的次数跟班级人数有关系，条件表达式 i <= num
			// 进行业务处理，计算成绩，总成绩sum,平均值averge
			// 弹出结果
			var num = prompt('请输入班级人数');  
			var sum = 0;//求和
			var averge = 0; //求平均值
			for (var i = 1; i <= num; i++) {
				var per = prompt('请输入第' + i + '个人的成绩');
				sum = sum + Number(per);
			}
			averge = sum / num;
			alert('总成绩是' + sum);
			alert('平均值是' + averge);		
			
			// 一行打印五颗星星(采取追加字符串方式)
			var str = '';
			for (var i = 1; i <= 5; i++) {
				str = str + '星星';
			}
			console.log(str);
</script>

双重for循环 ----- 当外部循环1次，内部循环全部
初始化变量就是用var 声明的一个普通变量，通常用于作为计数器使用
条件表达式就是用来决定每一次循环是否继续执行，也就是终止的条件
操作表达式是每次循环最后执行的代码，经常用于我们计数器变量进行更新(递增或者递减)

<script>
			// 打印五行五列星星
			var str = '';
			for (var i = 1; i <= 5; i++) {
				for (var j = 1; j<= 5; j++) {
					str = str + '星';
				}
				// 如果一行打印完毕五个星星就要换行
				str = str + 'n';
			}
			console.log(str);
			
			// 打印n行n列的星星
			var row = prompt('请输入你要打印的行数');
			var col = prompt('请输入你要打印的列数');
			var str = '';
			for (var i = 1; i <= row; i++) {
				for (var j = 1; j<= col; j++) {
					str = str + '星';
				}
				str = str + 'n';
			}
			console.log(str);
			
			//打印倒三角形
			var str = '';
			for (var i = 1; i <= 10; i++) { //外层循环控制行数
				for (var j = i; j<= 10; j++) { //里层循环打印的个数不一样 j=i
					str = str + '星';
				}
				str = str + 'n';
			}
			console.log(str);
			
			//打印正三角形
			var str = '';
			for (var i = 1; i <= 10; i++) { //外层循环控制行数
				for (var j = 1; j<= i; j++) { //里层循环打印的个数不一样 j<=i
					str = str + '星';
				}
				str = str + 'n';
			}
			console.log(str);
			
			//打印九九乘法表
			var str = '';
			for (var i = 1; i <= 9; i++) { //外层循环控制行数
				for (var j = 1; j<= i; j++) { //里层循环打印的个数不一样 j<=i
					str = str + j +'×' + i + '=' + i * j + 't';
				}
				str = str + 'n';
			}
			console.log(str);
</script>

while循环 语法结构 while (条件表达式) {
// 循环体
}
执行思路:当条件表达式为true，执行循环体；否则退出循环

<script>
			// 1.打印人的一生，从一岁倒100岁
			var i = 1;
			while (i <= 100) {
				console.log('这个人今年'  + i + '岁了');
				i++;
			}			
			
			// 2.计算1-100之间所有整数的和
			var sum = 0;
			var j = 1;
			while (j <= 100) {
				sum = sum + j;
				j++;
			}
			console.log(sum);
			
			// 3. 弹出一个提示框，你爱我吗？ 如果输入我爱你，就提示结束，否则，一直询问
			var love = prompt('你爱我吗？');
			while (love !== '我爱你') {
				love = prompt('你爱我吗？');
			}
			alert('结束了');
					
</script>

do while循环 语法结构 do {
//循环体
} while (条件表达式)
执行思路：先执行循环体，在判断条件，条件为真，继续循环，为假，退出循环

<script>
			// 1.打印人的一生，从一岁倒100岁
			var i = 1;
			do {
				console.log('这个人今年'  + i + '岁了');
				i++;
			} while (i <= 100)		
			
			// 2.计算1-100之间所有整数的和
			var sum = 0;
			var j = 1;
			do  {
				sum = sum + j;
				j++;
			} while (j <= 100)
			console.log(sum);
					
			// 3. 弹出一个提示框，你爱我吗？ 如果输入我爱你，就提示结束，否则，一直询问
			do {
				var love = prompt('你爱我吗？');
			} while (love !== '我爱你')
			alert('结束了');
</script>

continue 关键字 用于退出本次(当前次的循环)，继续执行剩余次数循环

<script>
    // 8. 求整数1-100的累加值，但要求跳过所有个位为3的数[用continue实现]
			var num = 0;
			for (var i = 1; i <= 100; i++) {
				if (i % 10 == 3) {
					continue;
				}
				num = num + i;
				console.log(num);
			}
			console.log(num);
</script>

break 关键字 用于立即跳出整个循环