JavaScript - 开启循环篇章

最新推荐文章于 2024-01-06 09:00:00 发布

最好的人啊

最新推荐文章于 2024-01-06 09:00:00 发布

阅读量115

点赞数 7

分类专栏： JavaScript 文章标签：大数据前端 css javascript html

本文链接：https://blog.csdn.net/qq_52499703/article/details/125546251

版权

JavaScript 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

学而不思则罔，思而不学则殆。 ——孔子

一，for循环

1，for单层循环

语法结构：

        for(初始化变量;条件表达式;操作表达式){

           //循环体

             }

初始化变量初始化一个计数器，用var声明新的变量，这个变量帮我们记录次数。
条件表达式  用于执行循环的条件，满足继续执行，不满足退出。
操作表达式主要更新循环变量，在循环体结束后执行。

实例：

    <script>
        for (var i = 1; i <= 5; i++) {
            console.log('数字为：' + i + '\n');
        }
    </script>

断点调试

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

断点调试的流程：

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

2、Watch: 监视，通过watch添加变量可以监视变量的值的变化。

3、摁下F11，程序单步执行，让程序一行一行的执行，观察watch中变量的值的变化。

2，for循环嵌套

定义：在循环语句中在定义一个循环语句的语法结构。

语法结构：



          for (外循环的初始; 外循环的条件; 外循环的操作表达式) {

                      for (内循环的初始; 内循环的条件; 内循环的操作表达式) {

                                 //需执行的代码;

             }

          }

实例：

    <script>
        var star = '';
        for (var j = 1; j <= 5; j++) {
            for (var i = 1; i <= 5; i++) {
                star += '*'
            }
            // 每次满 5个*就加一次换行
            star += '\n'
        }
        console.log(star);
    </script>

for 结语：

- 外层循环执行一次，内层循环要执行全部次数。

- for循环是循环条件和数字直接相关的循环。

二，while循环

1，while循环

- 条件表达式为true，则执行循环体代码，否则退出循环。

- 循环代码执行完结束后，会继续执行条件表达式，它必须有条件否则会出现死循环。

语法结构：

while (条件表达式) {

// 循环体代码

}

实例展示：

    <script>
        var num = 1;
        while (num <= 10) {
            console.log(num + '\n');
            num++;
        }
    </script>

2，do while

- 与while循环方式一致，区别在于它先执行下循环体条件，在判断表达式。

- 循环体至少会执行一次。

语法结构：

do {

// 循环体代码 - 条件表达式为 true 时重复执行循环体代码

} while(条件表达式);

实例展示：

    <script>
        do {
            var msg = prompt('密码:123456'); //输入密码为123456后循环体结束
        } while (msg !="123456");
        alert("密码正确");
    </script>

do while 演示视频

三，continue、break

continue ：关键字用于立即跳出本次循环，继续下一次循环。

    <script>
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                continue; // 跳出本次循环，跳出的是第3次循环 
            }
            console.log('提示信息：' + i + "\n");
        }
    </script>

四，例题

1，打印九九乘法表。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用for循环打印九九乘法表</title>
		<script>
			var str = "";
			for(var i = 1;i <= 9; i++){
				for(var j = 1;j<=i;j++){
					str = str + i + "*" + j + "=" + i*j +"\t";
				}
				str = str + "\n"
			}
			console.log(str);
		</script>
	</head>
	<body>
	</body>

2.打印正三角形案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用for循环打印九九乘法表</title>
		<script>
			var c = "";
			for(var i = 9;i>=0;i--){
				for(var j = 0;j<9-i;j++){
					c = c + "★";
				}
				c = c +"\n";
			}
			console.log((c))
		</script>
	</head>
	<body>
	</body>

结语：

今天的分享就到这啦。坚持就是胜利，我想像你们一样，在面对困难时也勇往直前，披荆斩棘永不言弃。

最好的人啊

关注

7
点赞
踩
4

收藏

觉得还不错? 一键收藏
9
评论
JavaScript - 开启循环篇章

实例：定义：在循环语句中在定义一个循环语句的语法结构。实例：- 外层循环执行一次，内层循环要执行全部次数。- for循环是循环条件和数字直接相关的循环。1，while循环- 条件表达式为true，则执行循环体代码，否则退出循环。- 循环代码执行完结束后，会继续执行条件表达式，它必须有条件否则会出现死循环。实例展示： 2，do while- 与while循环方式一致，区别在于它先执行下循环体条件，在判断表达式。- 循环体至少会执行一次。实例展示：do while 演示视频 con
复制链接

扫一扫