js的循环（for循环,双重 for 循环）

---

前言

---

1、for循环

在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句

1.1语法结构

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

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

1. 初始化变量：通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。
2. 条件表达式：用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。
3. 操作表达式：每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然，递减变量也是可以的。

1.2for循环的执行过程

1. 初始化变量，初始化操作在整个 for 循环只会执行一次。 2. 执行条件表达式，如果为true，则执行循环体语句，否则退出循环，循环结束。
2. 执行操作表达式，此时第一轮结束。
3. 第二轮开始，直接去执行条件表达式（不再初始化变量），如果为 true ，则去执行循环体语句，否则退出循环。
4. 继续执行操作表达式，第二轮结束。
5. 后续跟第二轮一致，直至条件表达式为假，结束整个 for 循环。

1.3for 循环重复相同的代码

1.3.1for 循环还可以重复不同的代码，这主要是因为使用了计数器 ，计数器在每次循环过程中都会有变化。例如，求输出一个人1到100岁：

// 基本写法
for (var i = 1; i <= 100; i++) {
    
    
 console.log('这个人今年' + i + '岁了');
}

1.3.2for 循环还可以重复不同的代码，这主要是因为使用了计数器 ，计数器在每次循环过程中都会有变化。例如，求输出一个人1到100岁：

// 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 + '岁了');
 }
}

1.4课堂案例 1： 求1-100之间所有整数的累加和

案例分析：
① 需要循环100次，我们需要一个计数器 i
② 我们需要一个存储结果的变量 sum ，但是初始值一定是 0 ③ 核心算法：1 + 2 + 3 + 4 … ，sum = sum + i;
实现代码：

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

2 .双重 for 循环

2.1如何打印五排※

核心：

1. 内层循环负责一行打印五个星星
2. 外层循环负责打印五行

var star = '';
for (var j = 1; j <= 3; j++) {
    
    
 for (var i = 1; i <= 3; i++) {
    
    
 star += '☆'
 }
 // 每次满 5个星星 就 加一次换行
 star += '\n'
}
console.log(star);

2.2打印 n 行 n 列的星星

要求用户输入行数和列数，之后在控制台打印出用户输入行数和列数的星星。

代码如下：

var row = prompt('请输入您打印几行星星:');
var col = prompt('请输入您打印几列星星:');
var str = '';
for (var i = 1; i <= row; i++) {
    
    
 for (j = 1; j <= col; j++) {
    
    
 str += '☆';
 }
 str += '\n';
}
 console.log(str);

2.3for循环总结

 for 循环可以重复执行某些相同代码
 for 循环可以重复执行些许不同的代码，因为我们有计数器
 for 循环可以重复执行某些操作，比如算术运算符加法操作
 随着需求增加，双重for循环可以做更多、更好看的效果
 双重 for 循环，外层循环一次，内层 for 循环全部执行
 for 循环是循环条件和数字直接相关的循环
 分析要比写代码更重要
 一些核心算法想不到，但是要学会，分析它执行过程
 举一反三，自己经常总结，做一些相似的案例

---