JS中for循环基础及案例

for循环语法结构
for 循环主要用于把某些代码循环若干次，通常跟计数有关系。

for(初始化变量; 条件表达式; 操作表达式 ){
    //循环体
}

初始化变量

通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，
这个变量帮我们来记录次数。

条件表达式

用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。

操作表达式

是每次循环最后执行的代码 经常用于我们计数器变量进行更新（递增或者递减）
案例：

for (var i = 1; i <= 100; i++) {
     console.log('你好吗');
 }
//i : 迭代器 ：iterator， 迭代也称之为循环

for 循环重复相同的代码

//  基本写法
for(var i = 1; i <= 10; i++){
    console.log('媳妇我错了~');
}
// 用户输入次数
var num = prompt('请输入次数:')；
for ( var i = 1 ; i <= num; i++) {
    console.log('媳妇我错了~');
} 

for 循环重复不相同的代码

// for 里面是可以添加其他语句的 
for (var i = 1; i <= 100; i++) {
 if (i == 1) {
    console.log('这个人今年1岁了， 它出生了');
 } else if (i == 100) {
    console.log('这个人今年100岁了，它死了');
  } else {
       console.log('这个人今年' + i + '岁了');
  }
}

for循环重复某些操作
求1-100之间所有整数的累加和

var sum = 0;
for(var i = 1;i <= 100; i++){
sum += i;
}
console.log('1-100之间整数的和 = ' + sum);

for(var i = 100;i >= 1; i--){
sum += i;
}

for循环案例

 // 1. 求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);

// 2. 求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);

// 3. 求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);

双重for循环
双重 for 循环概述

• 循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构
• 例如在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 + '次');

     }
 }

双重循环案例
打印n行n列的星星

// 打印n行n列的星星
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);

九九乘法表案例

// 九九乘法表
// 一共有9行，但是每行的个数不一样，因此需要用到双重 for 循环
// 外层的 for 循环控制行数 i ，循环9次 ，可以打印 9 行  
// 内层的 for 循环控制每行公式  j  
// 核心算法：每一行 公式的个数正好和行数一致， j <= i;
// 每行打印完毕，都需要重新换一行
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);

分析结论：

1. 列数等于行号：内层循环的条件：j<=i

2. 看图说话：从第二行开始看： 第二个乘数 正好是行号 ， 第一个乘数是列号