小小千想和您聊一聊

当前位置: 首页> 技术分享> 程序的三大结构-循环结构

程序的三大结构-循环结构

  while循环

  while(循环终止条件){

  }

  案例

  案例 打印100以内 7的倍数:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
        var a=0;
        while(a<=100){
            a++;
            if(a%7==0){
                document.write(a+'<br>');
            }
        }
        </script>
    </head>
    <body>
    </body>
</html>
案例  打印100以内所有偶数的和
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
        var a=0;
        var res=0;
        while(a<=100){
            a++;
            if(a%2==0){
                res+=a;
            }
        }
        document.write(res)
        </script>
    </head>
    <body>
    </body>
</html>

打印图形
*
** 
***
****
*****

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
    var second=0;//一共打印多少行;>>>五行
    while(second<=5){
        second++
        var length=0;
        while(length<=10){//一行打印多少个>>>十个
            length++;
            document.write('*');
        }
        document.write('<br>')
    }
        </script>
    </head>
    <body>
    </body>
</html>

  for循环

  for循环将while循环分离的结构进行了整,将变量的声明自增,以及判断放入了括号中。写法更简单在开发中推荐使用。

  for(var i = 0 ; i<10; i++){

  //语句块

  }

  for循环的执行顺序。(从上到下,从左到右?不!!)

  1.先声明变量,2.然后判断,3.之后读取语句块,4.最后再对变量进行自增。

  for(var i = 0 (1.声明变量) ; i < 10(2.进行判断) ; i ++(4.对变量进行自增)){

  //语句块(3.读取语句块)

  }

  案例:打印99乘法表

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
            for(var i = 1 ; i < 10;i++){ //前面的数字 i;
               for(var j = 1; j <= i; j++){//后面的数字 j
                    document.write(i+'*'+j+'='+i*j+'&nbsp;');//拼接第一个是公式,要用字符串拼接;第二个是计算结果用数字计算。最后加了一个空格&nbsp;让页面更美观。
               }
               document.write('<br>')
            }
        </script>
    </head>
    <body>
    </body>
</html>
案例:计算1+3+5+...+99的和:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
            var res=0;
            for(var i = 1 ; i < 100;i++){
               res+=i;
            }
            document.write(res);
        </script>
    </head>
    <body>
    </body>
</html>

案例:求1*2*3*4*5*6....的结果;
<html lang="en">
	<head>
		<meta charset="utf-8">
		<script>
			var res = 1;
			for (var i = 1; i <= 20; i++) {
				res *= i;
			}
			document.write(res)
		</script>
	</head>
	<body>
	</body>
</html>

上一篇:HTML5工具初识之网页编辑器

下一篇:Vue项目开发流程

QQ技术交流群

千锋HTML5官方①群
791201477

加入群聊