JavaScript 1027 for循环调试

最新推荐文章于 2022-08-05 12:45:21 发布

m0_51589015lyd

最新推荐文章于 2022-08-05 12:45:21 发布

阅读量184

点赞数

分类专栏：笔记 JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_51589015/article/details/109315079

版权

笔记同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

JavaScript循环结构

1.for循环语句

while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便。
for循环语法：

// for循环的表达式之间用的;号分隔的,千万不要写成,
for (初始化表达式1; 判断表达式2; 自增表达式3) {
// 循环体4
}

执行顺序：1243 —243 —243
(直到循环条件变成false)

初始化表达式
判断表达式
自增表达式
循环体

例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 <body>
    <script>
     //输出1-100之间所有的数
     for(vari=1;i<100;i++){
          console.log(i);
     }
     //求1-100之间所有数的和
     for(var i=1;i<100;i++){
        if(i%2!=0){
         sum+=i;
        }
      }
         console.log(sum);
     //求1-100之间所有数的平均值
     //和/次数
     var sum=0;
     var count=0;
     for(var i=1;i<100;i++){
         count++;
         sum+=i;
     }
         console.log(sum/count);
      //同时求1-100之间所有偶数和奇数的和
		 var sum1=0;
		 var sum2=0;
		 for (var i=1;i<100;i++) {
		 	if(i%2==0) {
		 		sum1+=i;
		 	} else{
		 		sum2+=i;
		 	}
		 }
		 console.log(sum1);
		 console.log(sum2);
    </script>
 </body>
</html>

打印正方形

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>square</title>
	</head>
	<body>
		<script>
			//正方形 5*5
			//分析: 使用两层循环实现,外层循环控制行数,内层控制列数
			// var square="";
			// for (var i=0;i<5;i++) {
			// 	for(var j=0;j<5;j++){
			// 	square+='*';	
			// 	}
			// 	square+='\n';
			// }
			// console.log(square);
			
	        for(var i=0;i<5;i++){
	        for(var j=0;j<5;j++){
	            document.write('&nbsp;&nbsp;&nbsp;*');
	          }
	            document.write('<br/>');
	        }

		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>for2</title>
	</head>
	<body>
		<script>
		var sum=0;
			for (var i=1;i<100;i++) {
				if(i%2!=0){
				  sum+=i;
				}
			}
			console.log(sum);
			//计算1-100之间能3整除的数的和
		    var he=0;
			for(var i=0;i<100;i++) {
				if(i%3==0)
					he+=i;
			}
			console.log(he);
			//计算1-100之间不能被7整除的数的和
			var sum=0;
			for (var i=1;i<100;i++) {
	           if(i%7!=0);
			   sum+=i;
			}
			console.log(sum);
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>for2</title>
	</head>
	<body>
		<script>
本金10000元存入银行，年利率是千分之三，每过1年，
			将本金和利息相加作为新的本金。计算5年后，获得的本金是多少？
		    var money=10000;
			for (var i=1;i<5;i++) {
				money+=money*0.003;
			}
			console.log(money.toFixed(2));
			</script>
	</body>
</html>

2.continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）
continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）
例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 求整数1～100的累加值，但要求碰到个位为3的数则停止累加
         var sum=0;
         for(var i=1;i<100;i++){
             if (i%10==3 && i>10) {
                 break;
            }
            sum+=i;
           }
        console.log(sum);
        var sum=0;
        for(var i=1;i<5;i++){
            if (i%10==3) {
                continue;
            }
             sum+=i;
         }
         console.log(sum);
    </script>
</body>
</html>

调试

过去调试JavaScript的方式

alert()
console.log()

1.断点调试

断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

2.调试步骤

浏览器中按F12–>sources–>找到需要调试的文件–>在程序的某一行设置断点

3.调试中的相关操作

Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
F10: 程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
F8：跳到下一个断点处，如果后面没有断点了，则程序执行结束。

tips: 监视变量，不要监视表达式，因为监视了表达式，那么这个表达式也会执行。

代码调试的能力非常重要，只有学会了代码调试，才能学会自己解决bug的能力。

m0_51589015lyd

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 1027 for循环调试

JavaScript循环结构for语句while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便。for循环语法：// for循环的表达式之间用的;号分隔的,千万不要写成,for (初始化表达式1; 判断表达式2; 自增表达式3) {// 循环体4}执行顺序：1243 —243 —243(直到循环条件变成false)初始化表达式判断表达式自增表达式循环体例：<!DOCTYPE html><html la
复制链接

扫一扫