掌握循环结构：while与for的深入解析与实战应用-优快云博客

本文详细讲解了while和for循环的工作原理，通过实例演示如何使用它们进行数字序列输出、函数定义与调用，以及条件控制。从基础到实战，理解循环在编程中的关键作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

循环结构：whlie do...whlie for

var i = 1//声明变量
while (条件表达式) {
              //循环体
              i++
             }

while循环是先做判断，如果结果是true，则执行循环体，反之则不执行；

案例

		<script type="text/javascript">
			//输出1---100的数
            var i = 1
			while(i<=100){
				console.log(i)
				i++
			}
		</script>

var i = 1//声明变量
do{
//循环体
}while(条件表达式)

do...while不管while后面的条件是否成立，都会先执行一次，然后再做判断

案例 1

		<script type="text/javascript">
            //声明变量
			var i = 0;
            var num = 0;
            do{
	           num = num + i;
	           i++;
            }while(i <= 100);
            document.write(num)
		</script>

案例 2

<script type="text/javascript">
			var isBuy = "y"
			do {
				var a = prompt("请输入1——5之间法任意整数")
				switch (a) {
					case "1":
						alert("可口可口")
						break
					case "2":
						alert("可乐")
						break
					case "3":
						alert("芬达")
						break
					case "4":
						alert("气泡水")
						break
					case "5":
						alert("红牛")
						break
					default:
						alert("没有你要的饮料")
						break
				}

				isBuy = prompt("是否继续购买？y/n")

			} while (isBuy == "y")
		</script>

           for(var i = 0;条件表达式;自增运算){
               //循环体
           }

案例 1

		<script type="text/javascript">
			for(var i = 1;i<=100;i++){
				console.log(i)
			}
		</script>

案例 2

		<script type="text/javascript">
			var isBuy = "y"
			do {
				var a = prompt("请输入1——5之间法任意整数")
				switch (a) {
					case "1":
						alert("可口可口")
						break
					case "2":
						alert("可乐")
						break
					case "3":
						alert("芬达")
						break
					case "4":
						alert("气泡水")
						break
					case "5":
						alert("红牛")
						break
					default:
						alert("没有你要的饮料")
						break
				}

				isBuy = prompt("是否继续购买？y/n")

			} while (isBuy == "y")
		</script>

声明一个函数的语法格式：function 函数名(参数列表){函数体}

案例 1

<script type="text/javascript">
			//声明一个函数的语法格式：function 函数名(参数列表){函数体}
			function test() {
				for (var i = 1; i <= 9; i++) {
					//内层循环的次数跟谁有关
					for (var j = 1; j <= i; j++) {
						document.write(j + "*" + i + "=" + j * i + "&nbsp")
					}
					//换行
					document.write("<br>")
				}
			}

            //调用函数
			test()
</script>

案例 2

		<script type="text/javascript">
			//定义一个函数，用来求两个数的和
			function cal(a,b){
				var c= a+b
				console.log("两个数的和是："+c)
			}
			//调用有参的函数
			cal(1,2)
		</script>