JavaScript——for循环案例

目录

1、求1-100的累加和

2、求1-100的平均值

3、 求1-100之间所有偶数和奇数的和

4、求1-100之间所有能被3整除的数字的和 

5、求学生成绩案例

 6、一行打印五个星星

7、双重for循环 

语法结构 

打印五行五列的星星

打印n行n列的星星 

打印倒三角形 

 九九乘法表

---

1、求1-100的累加和

需要循环100次，我们需要一个计数器  i  
我们需要一个存储结果的变量 sum ，但是初始值一定是 0
核心算法：1 + 2 + 3 + 4 ....   ，sum  =  sum + i;

var sum = 0; // 求和 的变量
for (var i = 1; i <= 100; i++) {
    // sum = sum + i;
    sum += i;
}
console.log(sum);

2、求1-100的平均值

需要一个 sum 和的变量 还需要一个平均值 average 变量

var sum = 0;
var average = 0;
for (var i = 1; i <= 100; i++) { 
    sum=sum + i; 
} 
average=sum / 100; 
console.log(average);

3、 求1-100之间所有偶数和奇数的和

我们需要一个偶数的和变量 even  还需要一个奇数 odd

var even = 0;
var odd = 0;
for (var i = 1; i <= 100; i++) { 
    if (i % 2==0) { 
        even=even + i; 
    } else { 
        odd=odd + i; 
    } 
} 
console.log('1~100 之间所有的偶数和是' + even); 
console.log('1~100 之间所有的奇数和是' + odd);

4、求1-100之间所有能被3整除的数字的和 

var result = 0;
for (var i = 1; i <= 100; i++) {
    if (i % 3 == 0) {
        // result = result + i;
        result += i;
    }
}
console.log('1~100之间能够被3整数的数字的和是：' + result);

5、求学生成绩案例

1. 弹出输入框输入总的班级人数(num)
2. 依次输入学生的成绩（ 保存起来 score）， 此时我们需要用到
3. for 循环， 弹出的次数跟班级总人数有关系 条件表达式 i <= num
4. 进行业务处理: 计算成绩。 先求总成绩（ sum）， 之后求平均成绩（ average）
5. 弹出结果

<script>
    var num = prompt('请输入班级的总人数:'); // num 总的班级人数
    var sum = 0; // 求和的变量
    var average = 0; // 求平均值的变量
    for (var i = 1; i <= num; i++) {
        var score = prompt('请您输入第' + i + '个学生成绩');
        // 因为从prompt取过来的数据是 字符串型的需要转换为数字型
        sum = sum + parseFloat(score);
    }
    average = sum / num;
    alert('班级总的成绩是' + sum);
    alert('班级平均分是：' + average);
</script>

 6、一行打印五个星星

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

    // }
    // var str = '';
    // for (var i = 1; i <= 5; i++) {
    //     str = str + '★';
    // }
    // console.log(str);
    var num = prompt('请输入星星的个数');
    var str = '';
    for (var i = 1; i <= num; i++) {
        str = str + '★'
    }
    console.log(str);
</script>

7、双重for循环 

循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句我们称之为双重for循环 

语法结构 

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

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

                // 执行语句;

            }

        }

我们可以把里面的循环看做是外层循环的语句

外层循环循环一次， 里面的循环执行全部

for (var i = 1; i <= 3; i++) {
    console.log('这是外层循环第' + i + '次');
    for (var j = 1; j <= 3; j++) {
        console.log('这是里层的循环第' + j + '次');

    }
}

打印五行五列的星星

<script>
    var str = '';
    for (var i = 1; i <= 5; i++) { // 外层循环负责打印五行
        for (var j = 1; j <= 5; j++) { // 里层循环负责一行打印五个星星
            str = str + '★';
        }
        // 如果一行打印完毕5个星星就要另起一行 加 \n
        str = str + '\n';
    }
    console.log(str);
</script>

打印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 + '★';
        }
        str += '\n';
    }
    console.log(str);
</script>

打印倒三角形 

<script>
    var str = '';
    for (var i = 1; i <= 10; i++) { // 外层循环控制行数
        for (var j = i; j <= 10; j++) { // 里层循环打印的个数不一样  j = i
            str = str + '★';
        }
        str += '\n';
    }
    console.log(str);
</script>

 九九乘法表

一共有9行，但是每行的个数不一样，因此需要用到双重 for 循环

外层的 for 循环控制行数 i ，循环9次 ，可以打印 9 行

内层的 for 循环控制每行公式 j

核心算法：每一行 公式的个数正好和行数一致， j <= i; 每行打印完毕，都需要重新换一行

<script>
    var str = '';
    for (var i = 1; i <= 9; i++) { // 外层循环控制行数
        for (var j = 1; j <= i; j++) { // 里层循环控制每一行的个数  j <= i
            // 1 × 2 = 2
            // str = str + '★';
            str += j + '×' + i + '=' + i * j + '\t';
        }
        str += '\n';
    }
    console.log(str);
</script>