**关于每日分享栏目**

发现一些不错的资源，点击[这里](https://wj.qq.com/s2/24614898/cb36/)快速投稿。



## 4月9日

[圆桌起名](https://yzqiming.com/)

从中国传统典籍中抽取名字，确保每个名字都有出处，免费无限次起名。

[FlowScroll](https://flowscroll.pages.dev/)

让你的鼠标拥有丝滑的全局无级滚动，把浏览器里的中键自动滚动，带到整个系统。

[Weibo Archiver](https://weibo-archiver.chilfish.top/docs/)

一款强大的微博备份工具，旨在帮助你永久珍藏那些在微博上发布的珍贵瞬间和重要信息。

## 4月8日

[土拨鼠大屏助手](https://www.vonchange.com/)

巧用手机接管大屏，彻底告别霸王条款，旧电视秒变巨型触控平板，终结电视套娃和电视VIP收费！

[路飞工具箱](https://blog.lufei.de/p/87/)

Linux效率与运维工具箱。

[免费在线视频和音频工具](https://tools.video/zh-CN)

无广告、无水印，专业级浏览器端音视频工具，全程本地处理，支持最大50G。

## 4月5日

[theSVG](https://thesvg.org/)

5650+免费SVG图标下载。

[用线索找坏蛋](https://20find.com/)

🔍从20个人里面找到坏蛋，利用一个或多个已知的线索，证据链是精心设计的，会有层层递进的探索感。二刷也很耐玩。不要直接做困难关卡，从简单和中级开始。

2026年4月 每日分享

## 动漫番剧

- 👍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/)

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

## 电影

### 2025年

1. 2025-01-31《周处除三害》
2. 2025-03-01《养蜂人》
3. 2025-03-07《抓娃娃》
4. 2025-03-09《荒蛮故事》
5. 2025-05-01《唐探1900》
6. 2025-05-03《胜券在握》
7. 2025-11-15《捕风追影》（还是可以看的）
8. 2025-11-21《浪浪山小妖怪》
9. 2025-12-08《运钞大劫案》



### 2024年

1. 2024-01-08《热搜》
2. 2024-01-31《孤注一掷》
3. 2024-02-16《年会不能停！》
4. 2024-02-17《目中无人》
5. 2024-02-19《目中无人2》
6. 2024-03-13《陌路狂刀》
7. 2024-03-19《烈日灼心》
8. 2024-03-20《一出好戏》
9. 2024-03-31《镖行天下之神武大炮》
10. 2024-04-14《破毒行动》
11. 2024-05-02《飞驰人生2》
12. 2024-06-24《九龙城寨之围城》
13. 2024-09-26《默杀》
14. 2024-09-29《捉刀人》
15. 2024-10-06《重生》
16. 2024-12-08《危机航线》

### 2023年

1. 2023-10-01《长安三万里》
2. 2023-10-04《封神第一部：朝歌风云》
3. 2023-10-12《杀破狼2》
4. 2023-10-13《杀破狼》
5. 2023-10-14《杀破狼·贪狼》
6. 2023-11-26《莫斯科行动》

## 电视剧

### 2026年

1. 2026-01《命悬一生》
2. 2026-02《潜伏》
3. 2026-03《繁花》

### 2025年

1. 2025-01《国色芳华》
2. 2025-02《三叉戟2》
3. 2025-02《余烬之上》
4. 2025-04《棋士》
5. 2025-05《藏海传》
6. 2025-06《长安的荔枝》（⏩快进看完）
7. 2025-07《扫毒风暴》（⏩快进看完）

### 2024年

1. 2024-01《天启异闻录》
2. 2024-01《侦察英雄》
3. 2024-02《大唐狄公案》
4. 2024-02《猎冰》
5. 2024-03《五行世家》
6. 2024-04《城中之城》
7. 2024-04《哈尔滨一九四四》
8. 2024-05《微暗之火》
9. 2024-05《新生》
10. 2024-05《庆余年第二季》
11. 2024-06《看不见影子的少年》
12. 2024-08《孤舟》
13. 2024-08《唐朝诡事录之西行》
14. 2024-09《九部的检察官》
15. 2024-09《边水往事》
16. 2024-09《凡人歌》
17. 2024-09《雪迷宫》
18. 2024-10《她和她的他们》
19. 2024-11《宿敌》
20. 2024-11《白夜破晓》
21. 2024-12《我是刑警》
22. 2024-12《清明上河图密码》

### 2023年

1. 2023-08《君子盟》
2. 2023-09《航海王》
3. 2023-10《九义人》
4. 2023-10《繁城之下》
5. 2023-11《宣判》
6. 2023-12《南海归墟》
7. 2023-12《凶案深处》
8. 2023-12《三大队》

[影视动漫网站汇总](/post/702)

避雷指南｜博主亲测的好片与烂片

大家好！[上节课](/post/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. 如果条件为假，跳出循环，继续往后执行。

```js
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以内的所有质数。（进阶题，可以试试）

---

## 10. 小结与下集预告

今天你学会了：

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

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

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

---

**课后作业**：

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

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

大家好！前[几节课](/post/js-104-operators/)我们学会了怎么存数据（变量）、怎么操作数据（运算符），但程序一直是个“直肠子”——代码从上往下一条条执行，从不拐弯。今天我们要给程序装上“大脑”，让它学会做决策：如果条件成立，就干这个；否则，就干那个。这就是**流程控制**，也是程序变得“智能”的开始。



想象一下，你早上起床：如果今天是周末，就睡懒觉；否则（工作日），就起床搬砖。这种“如果…就…否则…”的逻辑，在JavaScript里就是用`if/else`和`switch`来实现的。

---

## 1. 布尔值的“真假美猴王”

在讲`if`之前，得先搞懂一个概念：**真假值**。JavaScript中，每个值都可以被解释为布尔值`true`或`false`，但有些值天生就是“假”的，有些则是“真”的。

**假值**只有以下8个（记住它们，面试常考）：

- `false`
- `0`（数字零）
- `-0`（负零，特殊但也是假）
- `0n`（BigInt零）
- `''`或`""`（空字符串）
- `null`
- `undefined`
- `NaN`

除了这8个，其他所有值都是**真值**，比如：`true`、`42`、`'hello'`、`[]`（空数组）、`{}`（空对象）、`function(){}`等等。

这个知识点很重要，因为`if`的条件判断就是基于真假值的——它会把条件表达式的结果转成布尔值，然后决定走哪条路。

---

## 2. if语句：最简单的“岔路口”

`if`语句的语法很简单：

    if (条件) {
        // 条件为真时执行的代码
    }
    

如果条件为真，就执行花括号里的代码；否则跳过。

    let age = 20;
    if (age >= 18) {
        console.log('你已经成年了，可以去网吧了！');
    }
    

如果`age`改成 16，控制台就不会打印任何东西。

### 2.1 if...else：两条路，选一个

如果条件为假时也想干点啥，就用`else`：

    if (条件) {
        // 条件为真时执行
    } else {
        // 条件为假时执行
    }
    

**举个栗子**：

    let age = 16;
    if (age >= 18) {
        console.log('欢迎进入网吧！');
    } else {
        console.log('未成年请回家写作业。');
    }
    

### 2.2 if...else if...else：多条路，选一条

现实中有多种情况，比如根据分数评等级：90以上是A，80-89是B，70-79是C，60-69是D，60以下是F。这时可以用`else if`：

    let score = 85;
    if (score >= 90) {
        console.log('A');
    } else if (score >= 80) {
        console.log('B');
    } else if (score >= 70) {
        console.log('C');
    } else if (score >= 60) {
        console.log('D');
    } else {
        console.log('F');
    }
    

注意：一旦某个条件满足，执行完对应的代码块后就会跳出整个`if`结构，后面的`else if`不再判断。所以条件的顺序很重要，比如应该从高分往低分写，否则会出错。

---

## 3. 三元运算符：简洁版的if...else

如果只是简单的二选一赋值，可以用**三元运算符**`? :`，它长得像这样：

    条件 ? 表达式1 : 表达式2
    

如果条件为真，返回表达式1的值，否则返回表达式2的值。

    let age = 20;
    let status = age >= 18 ? '成年人' : '未成年人';
    console.log(status); // '成年人'
    

它很适合用在需要根据条件返回不同值的场景，但不要嵌套太多层，否则代码可读性会下降。

---

## 4. switch语句：多条路，选一条（专门对付“等于”情况）

如果你有一堆固定的值需要匹配（比如星期几、选项编号），用`if...else if`会显得啰嗦。这时`switch`更合适。

    switch (表达式) {
        case 值1:
            // 表达式 === 值1 时执行
            break;
        case 值2:
            // 表达式 === 值2 时执行
            break;
        default:
            // 都不匹配时执行
    }
    

注意：`switch`用的是**严格相等**（`===`），不会做类型转换。

    let day = 3;
    let dayName;
    switch (day) {
        case 1:
            dayName = '星期一';
            break;
        case 2:
            dayName = '星期二';
            break;
        case 3:
            dayName = '星期三';
            break;
        case 4:
            dayName = '星期四';
            break;
        case 5:
            dayName = '星期五';
            break;
        case 6:
            dayName = '星期六';
            break;
        case 7:
            dayName = '星期日';
            break;
        default:
            dayName = '非法日期';
    }
    console.log(dayName); // '星期三'
    

### 4.1 break的重要性

如果没有`break`，程序会从匹配的`case`开始一直往下执行，直到遇到`break`或`switch`结束，这叫**穿透（fall-through）**。有时候可以利用穿透来简化代码，比如多个`case`执行相同逻辑：

    let fruit = '苹果';
    switch (fruit) {
        case '苹果':
        case '梨':
        case '桃子':
            console.log('这是水果');
            break;
        default:
            console.log('不知道是啥');
    }
    

但如果不需要穿透，一定要记得加`break`，否则会出bug。

---

## 5. 条件嵌套：套娃警告

条件里面还可以再套条件，就像俄罗斯套娃。但嵌套太深会让代码难以阅读，所以一般建议用尽早返回或者逻辑运算符简化。

    let age = 25;
    let hasTicket = true;
    if (age >= 18) {
        if (hasTicket) {
            console.log('请进场');
        } else {
            console.log('请先买票');
        }
    } else {
        console.log('未成年禁止入内');
    }
    

可以用逻辑运算符简化：

    if (age >= 18 && hasTicket) {
        console.log('请进场');
    } else if (age >= 18 && !hasTicket) {
        console.log('请先买票');
    } else {
        console.log('未成年禁止入内');
    }
    

甚至可以用三元嵌套，但不推荐，可读性太差。

---

## 6. 常见坑点与技巧

### 6.1 赋值vs比较

新手常犯的错误：在`if`条件里用`=`而不是`===`。

    let x = 5;
    if (x = 3) { // 这是赋值，不是比较！x 被赋值为 3，整个表达式结果是 3，所以条件为真
        console.log('这个代码总会执行');
    }
    

正确的应该是`if (x === 3)`。用`===`可以避免这种问题。

### 6.2 使用布尔值直接判断

如果条件本身就是布尔值，没必要再比较一次。

    let isLoggedIn = true;
    if (isLoggedIn === true) { // 多余
        // ...
    }
    if (isLoggedIn) { // 简洁
        // ...
    }
    

### 6.3 用逻辑运算符简化

有时候可以用`&&`和`||`代替`if`，特别是执行简单语句时。

    // 如果用户已登录，显示欢迎语
    if (isLoggedIn) {
        console.log('欢迎回来');
    }
    // 可以写成：
    isLoggedIn && console.log('欢迎回来');
    
    // 设置默认值
    let username = inputName || '匿名';
    

---

## 7. 动手小练习：决策模拟器

1. 写一个程序，用`prompt`获取用户输入的数字，判断它是正数、负数还是零，并输出相应信息。
2. 用三元运算符判断一个数字是否是偶数，如果是就输出“偶数”，否则输出“奇数”。（提示：偶数能被2整除，即`num % 2 === 0`）
3. 模拟一个简易登录验证：用`prompt`获取用户名和密码（两个`prompt`），如果用户名为`'admin'`且密码为`'123456'`，输出“登录成功”，否则输出“用户名或密码错误”。  

---

## 8. 小结与下集预告

今天你学会了：

- **真假值**：8个falsy，其他都是truthy。
- **if/else**：基本条件分支，可以处理多种情况。
- **三元运算符**：简洁的二选一。
- **switch**：专门用于多值匹配，注意`break`。
- **嵌套与简化**：保持代码可读性。

下节课，我们将学习**循环**——让计算机反复做同一件事，解放你的双手。你会学到`for`、`while`、`do...while`，以及如何用`break`和`continue`控制循环节奏。

记得完成作业，[下节课](/post/js-106-loops/)见！

---

**课后作业**：

1. 用`if/else`实现一个简单的计算器：用`prompt`输入两个数字和一个运算符（+、-、*、/），根据运算符计算结果并输出。注意处理除数为0的情况。
2. 用`switch`实现一个简单的菜单：输入1打印“开始游戏”，输入2打印“加载存档”，输入3打印“设置”，输入4打印“退出”，其他输入打印“无效选项”。
3. 思考：如果不用`switch`，用`if/else if`实现上述菜单，哪个代码更简洁？为什么？

第五课：流程控制——如果…就…，否则…（if/else、switch）

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