大家好！[上节课](__GHOST_URL__/js-105-control-flow/)我们学会了让程序“动脑子”做决策（if/else），但有时候，我们需要让程序**反复做同一件事**——比如从1数到100，或者遍历一个列表。如果用手写100遍`console.log(1)`、`console.log(2)`……那不得累死？程序员最讨厌的就是重复劳动，所以就有了**循环**。

循环就是程序的“复读机”，你告诉它干啥、干多少遍，它就老老实实一遍遍执行，直到你喊停。今天我们就来认识三种循环：`while`、`do...while`和`for`。

---

## 1. 生活中的循环

想象一下这些场景：

- 每天早上：闹钟响 → 按掉 → 再响 → 再按掉……直到你起床（条件不满足）。
- 搬砖：只要还有砖（条件为真），就一直搬。
- 追女生：每天发一条微信，直到她回复（或者拉黑你）。

循环就是这种“只要条件成立，就一直重复”的逻辑。

---

## 2. while循环：先判断，再执行

`while`循环的语法最简单：

    while (条件) {
        // 循环体：要重复执行的代码
    }
    

它的执行流程是：

1. 判断条件（结果是布尔值，或者被转成布尔值）。
2. 如果条件为真，执行循环体，然后回到第1步。
3. 如果条件为假，跳出循环，继续往后执行。

    // 从1数到5
    let i = 1;
    while (i <= 5) {
        console.log(i);
        i++; // 千万别忘了更新变量，否则会死循环
    }
    

输出：1 2 3 4 5

注意：循环体里一定要有改变条件的语句（比如`i++`），否则条件永远为真，就成了**死循环**——程序会卡死，甚至崩溃。如果你不小心写出了死循环，别慌，关掉浏览器标签页或者重启控制台就行。

### 2.1 while的经典应用：不确定次数的循环

`while`很适合用在不知道要循环多少次的情况，比如等待用户输入正确密码：

    let password;
    while (password !== '123456') {
        password = prompt('请输入密码：');
    }
    console.log('密码正确，欢迎进入！');
    

只要用户输入的密码不是`'123456'`，就会一直弹窗询问，直到输入正确。

---

## 3. do...while循环：至少执行一次

`do...while`和`while`很像，区别在于：**它先执行一次循环体，再判断条件**。所以无论条件是否成立，循环体至少执行一次。

    do {
        // 循环体
    } while (条件);
    

**举个栗子**：

    let i = 10;
    do {
        console.log('这次肯定执行');
        i++;
    } while (i < 5);
    

输出一次“这次肯定执行”，因为先执行后判断，`i=10`，条件`10<5`为假，结束。

这种循环适合那些“不管怎样，先干一次再说”的场景，比如展示菜单，然后根据用户选择决定是否继续。

---

## 4. for循环：最常用的循环

`for`循环把循环需要的三要素（初始化、条件、更新）都写在一行，结构清晰，是遍历次数已知的情况的首选。

    for (初始化; 条件; 更新) {
        // 循环体
    }
    

执行顺序：

1. 执行**初始化**（只执行一次，通常用来声明循环变量）。
2. 判断**条件**，如果为假，跳出循环；如果为真，执行循环体。
3. 执行**更新**（通常改变循环变量）。
4. 回到第2步。

    // 从1数到5
    for (let i = 1; i <= 5; i++) {
        console.log(i);
    }
    

是不是比`while`更紧凑？初始化`let i=1`只执行一次；然后判断`i<=5`，为真就执行`console.log(i)`，然后`i++`，再判断……直到`i=6` 时条件为假退出。

### 4.1 for循环的三个部分都可以省略，但分号不能省

- 省略初始化：如果循环变量已经在外面定义了。
- 省略条件：相当于条件永远为真，会死循环。
- 省略更新：可以在循环体里自己更新。

但通常不建议省略，除非特殊情况。

---

## 5. 循环的控制：break和continue

有时候，我们想在循环中间提前退出，或者跳过某次循环。这时就需要`break`和`continue`。

### 5.1 break：强行终止整个循环

`break`就像“急刹车”，一旦执行，循环立即结束，不再进行后续判断。

    // 找到第一个大于10的数就停止
    for (let i = 1; i <= 20; i++) {
        if (i > 10) {
            console.log('找到了，大于10的第一个数是：' + i);
            break; // 找到后就退出循环
        }
    }
    

输出到11就停了，不会继续输出后面的数字。

### 5.2 continue：跳过本次循环，继续下一次

`continue`就像“跳过广告”，只结束本次循环的后续代码，直接进入下一次循环。

    // 输出1到10，但跳过5
    for (let i = 1; i <= 10; i++) {
        if (i === 5) {
            continue; // 遇到5就跳过，不执行后面的 console.log
        }
        console.log(i);
    }
    

输出：1 2 3 4 6 7 8 9 10（没有5）

注意：`continue`在`while`里要小心，如果更新语句在`continue`后面，可能会导致死循环。所以`for`循环用`continue`更安全，因为更新语句在`continue`之后也会执行（因为它是循环结构的一部分）。

---

## 6. 循环的嵌套：套娃模式

循环里面还可以套循环，就像俄罗斯套娃。外层循环每执行一次，内层循环就要完整跑一遍。

    // 打印九九乘法表
    for (let i = 1; i <= 9; i++) {
        let row = '';
        for (let j = 1; j <= i; j++) {
            row += `${j}×${i}=${i * j} `;
        }
        console.log(row);
    }
    

外层循环控制行数（1到9），内层循环控制每行的列数。嵌套循环在处理二维数组、矩阵时特别有用。

---

## 7. 常见坑点与技巧

### 7.1 死循环

忘了更新循环变量，或者条件永远为真，就会死循环。例如：

    let i = 1;
    while (i <= 5) {
        console.log(i);
        // 忘了 i++
    }
    

浏览器会卡死，赶紧关标签页。

### 7.2 循环变量的作用域

用`let`在`for`循环里声明的变量，只在循环内有效；如果在外部也需要，要在外面声明。

    for (let i = 0; i < 3; i++) {
        // i 只在这里有效
    }
    console.log(i); // 报错：i is not defined
    

### 7.3 使用`break`跳出多层循环

`break`只能跳出当前循环。如果想跳出多层嵌套循环，可以给循环加标签（label）。

    outer: for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
            if (i === 1 && j === 1) {
                break outer; // 跳出外层循环
            }
            console.log(`i=${i}, j=${j}`);
        }
    }
    

不过标签用得少，大多数情况下可以用函数封装或调整逻辑避免多层`break`。

---

## 8. 循环的实际应用

循环最常见的用途是遍历数组（后面会详讲）。比如有一个数组`['苹果', '香蕉', '橘子']`，想输出每个元素：

    let fruits = ['苹果', '香蕉', '橘子'];
    for (let i = 0; i < fruits.length; i++) {
        console.log(fruits[i]);
    }
    

此外，循环也常用于计算累加、累乘、查找最大值等。

---

## 9. 动手小练习：循环训练营

1. 用`for`循环计算1到100的和。
2. 用`while`循环输出10到1（倒序）。
3. 写一个程序，用`prompt`不断输入数字，直到输入的是0为止，然后输出所有输入数字的和。（提示：用`while`）
4. 打印出100以内的所有质数。（进阶题，可以试试）
5. 用嵌套循环打印一个 5x5 的星号矩形：

    *****
    *****
    *****
    *****
    *****
    

---

## 10. 小结与下集预告

今天你学会了：

- **while 循环**：先判断后执行，适合次数未知的循环。
- **do...while循环**：至少执行一次。
- **for循环**：最常用的计数循环。
- **break和continue**：控制循环的“刹车”和“跳过”。
- **循环嵌套**：套娃模式，处理二维结构。

循环是编程的基石，很多算法都离不开它。下一节课，我们将学习**函数**——把一段代码打包起来，随用随调，真正实现“一次编写，到处运行”。你将学会如何创建自己的“工具包”，告别重复代码。

记得完成练习，下节课见！

---

**课后作业**：

1. 用`for`循环输出1到100之间所有能被3整除的数。
2. 用`while`循环实现一个猜数字游戏：程序随机生成一个1-100的数字，用户输入猜测，提示“大了”、“小了”或“恭喜猜对”，直到猜对为止。（提示：用`Math.random()` 生成随机数）
3. 用嵌套循环打印一个等腰三角形（行数自定）：

       *
      ***
     *****
    *******
    


第六课：循环——重复的力量（for、while）

## 动漫番剧

- 👍SSRFun动漫：[https://www.ssrfun.com/](https://www.ssrfun.com/)
- 日本漫画：[https://www.yymanhua.com/](https://www.yymanhua.com/)
- 番薯动漫：[https://www.fsdm02.com/](https://www.fsdm02.com/)

## 在线影视

- 爱看影视：[https://www.ikan6.vip/](https://www.ikan6.vip/)
- Kimivod：[https://kimivod.com/](https://kimivod.com/)
- NO视频：[https://www.novipnoad.net/](https://www.novipnoad.net/)
- 蚂蚁影视：[https://www.mayiyingshi.tv/](https://www.mayiyingshi.tv/)

## 影视下载

- 中国蓝光网：[http://www.languangdy.com/](http://www.languangdy.com/)
- 不太灵：[https://www.2bt0.com/](https://www.2bt0.com/)
- 狐狸君：[https://www.foxjun.com/](https://www.foxjun.com/)
- MP4吧：[https://www.mp4ba.vip/](https://www.mp4ba.vip/)
- 一刻电影：[https://www.yikedy.cc/](https://www.yikedy.cc/)

## 影视搜索

- 茶杯虎：[https://www.725998.com/](https://www.725998.com/)
- 影视搜索：[https://video.451024.xyz/](https://video.451024.xyz/)
- 豌豆PRO：[https://wdoo.net/](https://wdoo.net/)


亲测可用｜影视动漫网站大全（持续更新中）

## 导语

TVAPP是一个专为Android TV电视盒子用户打造的开源影音资源库，集成了影视、直播、游戏等多类优质应用与直播源，旨在帮助用户轻松构建个性化家庭娱乐中心。

## 核心价值

🧩**资源整合**：汇集影视、直播、K歌、游戏等全类型应用，告别繁琐搜索。

🛠️**即装即用**：内置TVBox、影视仓等主流播放器接口，复制地址即可使用。

🔄**持续更新**：基于GitHub社区驱动，资源持续验证与更新。

🌍**全球访问**：完全免费，支持全球用户无障碍访问使用。

## 使用指南

1. 访问项目GitHub页面获取应用与直播源
2. 下载并安装推荐的播放器（如TVBox、影视仓）
3. 复制对应接口配置源至播放器中
4. 完成配置，即刻享受影音内容

## 项目地址

GitHub：[https://github.com/youhunwl/TVAPP](https://github.com/youhunwl/TVAPP)

## 电视盒子播放源

- 播放源地址：[https://cyuan.netlify.app/](https://cyuan.netlify.app/)

油桃TV，专业的电视端浏览器：[https://www.utao.tv/](https://www.utao.tv/)


TVAPP：开源电视盒子资源库，一键打造家庭影院

## Quant Wiki

是一个专注于量化金融知识开源与汉化的中文百科项目，旨在打破国内外量化金融行业的信息壁垒，让更多学习者能够系统掌握量化投资与交易的核心内容。

量化投资（Quantitative Investing）是一种基于数学模型、统计分析和算法决策的投资方式。与传统投资依赖经验不同，量化交易利用数据与计算机算法驱动市场分析与策略执行，使投资决策更科学高效。在人工智能不断发展的今天，如何结合AI模型进一步优化交易策略，成为量化领域的重要方向。

**核心模块：**
量化投资基础：数学模型、统计分析、算法在投资中的应用框架。
量化交易实务：数据驱动的决策流程、交易执行与风控思路。
模型与策略：因子模型、事件驱动策略、执行成本优化等可落地主题。
算法与工程：算法设计思路与实现路径，面向实战的代码与案例指引。
AI×Quant：结合新一代AI技术，提升研究与交易效率的实践方向。

**适用人群：**
正在入门量化的学生与自学者
希望系统化梳理方法论的研究员与交易员
关注 AI 在量化场景落地的工程师与产品从业者

## 网站地址

官网：[http://quant-wiki.com/](http://quant-wiki.com/)


Quant Wiki：中文量化金融开源百科平台

## MetroMan地铁通

是一个覆盖中国超过50座城市、300多条线路、7000多个地铁站点的轨道交通信息平台。自2011年上线以来，始终以“清晰、准确、易用”为核心理念，帮助用户快速规划地铁出行路线，实时获取票价、首末班车时间及换乘方案。支持 iOS、Android、小程序与网页版，其中网页版于2025年推出，主打智能换乘、城市排行榜与交互式地铁图。

### 🔍主要功能

路线规划：智能计算最佳换乘方案，提供票价、时间及路径建议，帮助乘客高效抵达目的地。

城市与车站信息：支持按城市浏览线路与站点详情，快速获取最新地铁运营状态。

交互式地铁图：可视化地铁线路、规划图及车站布局，支持缩放与多语言显示。

多端支持

- iOS/Android App：离线线路图、实时首末班提醒
- Web版（2025新版）：城市排行榜、换乘搜索
- 小程序：极速搜索与出行分享

### 🌐数据更新与准确性

地铁通通过三重数据验证体系，确保每一条线路信息的真实性与时效性：

- 官方数据源：各地地铁官网及运营公司公告
- 自研抓取系统：脚本自动拉取+多维比对+人工校对
- 用户反馈机制：错误上报与社交渠道修正

更新频率保持在行业领先水平——新线开通当天更新，票价变动前24小时同步，检修信息提前一周公布。

## 网站地址

官网： [https://www.metroman.cn/](https://www.metroman.cn/)


MetroMan地铁通：覆盖50+城的地铁线路规划与换乘地图

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。