文章目录

for循环

for(var i = 1;i <= 100;i++){
   
	console.log('输出内容');
}


断点调试



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>求和</title>
    <script>
        var sum = 0;
        for(var i=1;i<=100;i++){
   
            //sum=sum+i;
            sum+=i;
        }
        console.log(sum);
    </script>
</head>
<body>
    
</body>
</html>

求一百以内奇数和偶数和

    <script>
        var even = 0;
        var odd = 0;
        for(var i=0;i<=100;i++){
   
            if(i%2==0){
   
                even+=i;
            }
            else{
   
                odd+=i;
            }
        }
        console.log(even);
        console.log(odd);
    </script>

学生成绩案例

    <script>
        var num = prompt('班级总人数');
        var sum = 0;
        var average = 0;
        for(var i=1;i<=num;i++){
   
            var score = prompt('输入第'+i+'学生成绩');
            sum += parseFloat(score);           
        }
        average = sum/num;
        alert('班级总成绩：'+sum);
        alert('班级平均成绩：'+average);
    </script>

从prompt取过来的数据是字符串类型的，需要转换成数字型

parseFloat() 函数可解析一个字符串，并返回一个浮点数。
该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。

追加字符串

    <script>
        var str = '';
        for(var i=1;i<=5;i++){
   
            str+='✨';
        }
        console.log(str);
    </script>

双重for循环


五行五列

    <script>
        var str = '';
        for(var i=1;i<=5;i++){
   
            for(var j=1;j<=5;j++){
   
            str+='✨';
            }
            str+='\n'
        }
        console.log(str);

n行n列

    <script>
        var rows = prompt('输入行数：');
        var cols = prompt('输入列数：');
        var str = '';
        for(var i=1;i<=rows;i++){
   
            for(var j=1;j<=cols;j++){
   
            str+='✨';
            }
            str+='\n'
        }
        console.log(str);
    </script>

倒三角

    <script>
        var str = '';
        for(var i=1;i<=5;i++){
   
            for(var j=i;j<=5;j++){
   
            str+='✨';
            }
            str+='\n'
        }
        console.log(str);

九九乘法表

    <script>
        var str = '';
        for(var i=1;i<=9;i++){
   
            for(var j=1;j<=i;j++){
   
                str+=i+'*'+j+'='+i*j+'\t';
            }
            str+='\n';
        }
        console.log(str);
    </script>