循环与判断：JS 逻辑的“骨架”
很多初学者在 JS 入门阶段容易陷入瓶颈，不是因为变量或数据类型不懂，而是写不出有实际意义的交互逻辑。比如：怎么让页面根据用户输入动态显示不同内容？怎么批量处理数组里的数据？怎么实现一个简单的倒计时或轮播效果？这些问题看似简单，实则都绕不开两大核心结构：循环和条件判断。
这门课正是为解决这个具体痛点而生。你将不再只看到抽象的语法定义，而是从 for、while、do-while 三种循环的实际使用场景切入，理解它们各自适合解决哪类问题，以及容易踩坑的地方；同时系统梳理 if-else、switch-case 的逻辑分支写法，以及 &&（与）、||（或）等逻辑运算符的组合用法与短路求值特性。内容紧凑，没有废话，专治“知道语法但写不出代码”的尴尬，帮助你打通从“懂单词”到“能造句”的关键一步。
门槛、顺序与实战产出
适合的门槛：这门课要求你已经具备 JS 基本语法的基础知识，比如了解变量声明、函数定义和基本数据类型。如果你还在困惑 let 和 var 的区别，建议先去补完前置课程。如果你已经能熟练编写简单脚本，但面对需要多步判断或重复处理的任务时感到无从下手，这里就是最适合你的地方。
建议的学习顺序：切勿跳着看。请按照课程目录的顺序，先深入吃透 for 循环，它是后续所有逻辑的基石；接着对比理解 while 和 do-while 的区别，特别注意 do-while “至少执行一次”的特性在菜单交互中的妙用。然后学习 switch 语句，厘清它与多重 if-else 的适用边界。最后将 && 和 || 结合练习，理解逻辑运算符在简化代码时的威力。
资料如何配合练习：课程配套的练习题是核心，务必亲手敲击代码，不要只看不练。资料包里提供的案例代码和参考答案，是用来对照思路、查找盲点的工具。建议你先独立完成练习，再打开答案对比，重点分析自己思路中的漏洞，比如是否忽略了边界条件或短路逻辑。
学完能独立做什么：你将具备独立完成包含复杂逻辑的小程序的能力。无论是“贪吃蛇游戏的核心移动算法”、“分页数据的动态渲染”，还是“表单的实时格式校验”，你都能通过循环与判断的组合 cleanly 实现。更重要的是，你建立了“拆解需求、匹配结构、编写逻辑”的工程思维，这为你后续攻克 DOM 操作和事件处理打下了坚实基础。
课程目录
1-1 [JavaScript初级训练营课程前瞻] JavaScript初训练营课程前瞻 (04:06) 2-1 [JavaScript中的逻辑判断的常用语句] for循环的深入使用 (15:56) 2-2 [JavaScript中的逻辑判断的常用语句] while循环的初识及使用 (07:51) 2-3 [JavaScript中的逻辑判断的常用语句] do-while循环的初识及使用以及与while的区别 (04:38) 2-4 [JavaScript中的逻辑判断的常用语句] switch语句的初识及使用 (07:29) 2-5 [JavaScript中的逻辑判断的常用语句] JS中的逻辑判断 和（&&） 的用法 (07:33) 2-6 [JavaScript中的逻辑判断的常用语句] JS中的逻辑判断 或 （||）的用法 (12:15) 2-7 [JavaScript中的逻辑判断的常用语句] JS中的 和（&&） 与 或 （||）的常用技巧及原理 (08:57) 2-8 [JavaScript中的逻辑判断的常用语句] 第一部分练习 (02:53) 3-1 [JavaScript-DOM元素深入操作] 上章练习 - 隔行变色详解 (07:07) 3-2 [JavaScript-DOM元素深入操作] 上章练习 - 简易计算器 (10:53) 3-3 [JavaScript-DOM元素深入操作] JavaScript - DOM - 获取父级元素 (06:29) 3-4 [JavaScript-DOM元素深入操作] JavaScript - DOM - 获取子级元素 (06:46) 3-5 [JavaScript-DOM元素深入操作] JavaScript - DOM - 动态生成元素及插入元素 (12:30) 3-6 [JavaScript-DOM元素深入操作] JavaScript - DOM - 动态指定位置插入元素 (05:51) 3-7 [JavaScript-DOM元素深入操作] JavaScript - DOM - 替换指定元素 (03:59) 3-8 [JavaScript-DOM元素深入操作] JavaScript - DOM - 删除子级元素 (08:49) 3-9 [JavaScript-DOM元素深入操作] JavaScript - DOM - 删除自身元素 (02:57) 3-10 [JavaScript-DOM元素深入操作] JavaScript - DOM - innerHTML属性 (09:09) 3-11 [JavaScript-DOM元素深入操作] 第二部分练习 (02:14) 4-1 [JavaScript-DOM属性操作] 上章练习 - 模拟QQ (15:48) 4-2 [JavaScript-DOM属性操作] 上章练习 - 棋盘元素生成 (14:45) 4-3 [JavaScript-DOM属性操作] JavaScript - DOM属性 - 设置元素可见属性 (08:06) 4-4 [JavaScript-DOM属性操作] JavaScript - DOM属性 - 获取及删除元素属性 (07:37) 4-5 [JavaScript-DOM属性操作] JavaScript - DOM属性 - 判断包元素可见属性 (04:57) 4-6 [JavaScript-DOM属性操作] JavaScript - DOM属性 - className (06:42) 4-7 [JavaScript-DOM属性操作] JavaScript - DOM属性 - classList (11:27) 4-8 [JavaScript-DOM属性操作] 第三部分练习 (01:44) 5-1 [JavaScript-BOM操作] 上章练习 - 点击修改内容的值 (18:32) 5-2 [JavaScript-BOM操作] 上章练习 - 轮循控制元素的类 (04:32) 5-3 [JavaScript-BOM操作] 小插曲：Object数据格式简介 (03:35) 5-4 [JavaScript-BOM操作] JavaScript - BOM - JS跳转页面 (08:57) 5-5 [JavaScript-BOM操作] JavaScript - BOM - JS刷新页面 (02:27) 5-6 [JavaScript-BOM操作] JavaScript - BOM - 访问浏览器的历史记录 (05:48) 5-7 [JavaScript-BOM操作] JavaScript - BOM - 常用弹窗及使用 (11:46) 5-8 [JavaScript-BOM操作] JavaScript - BOM - 浏览器用户信息 (11:01) 5-9 [JavaScript-BOM操作] JavaScript - BOM - Screen对象 (07:58) 5-10 [JavaScript-BOM操作] JavaScript - BOM - 浏览器距离屏幕的距离 (04:40) 5-11 [JavaScript-BOM操作] JavaScript - BOM - 浏览器的内外大小 (04:51) 5-12 [JavaScript-BOM操作] 第四单元练习 (02:03) 6-1 [JavaScript-函数深入] 上章练习 - 监测浏览器在显示器中的距离 (09:38) 6-2 [JavaScript-函数深入] 上章练习 - 使用JS对不同浏览器显示不同的页面 (09:40) 6-3 [JavaScript-函数深入] JavaScript - 函数的参数的基本使用 (13:37) 6-4 [JavaScript-函数深入] JavaScript - 函数的参数 - 不定参的使用 (08:43) 6-5 [JavaScript-函数深入] JavaScript - 函数的递归使用 (09:53) 6-6 [JavaScript-函数深入] JavaScript - 函数的return使用与理解 (08:26) 6-7 [JavaScript-函数深入] JavaScript - 函数的选项卡的封装 (34:20) 7-1 [JavaScript - 浏览器技术的使用] 浏览器深处的秘密（小福利） (17:17) 8-1 [JavaScript - 事件对象深入] JavaScript - 添加事件监听 (09:20) 8-2 [JavaScript - 事件对象深入] JavaScript - 移除事件监听 (07:00) 8-3 [JavaScript - 事件对象深入] JavaScript - 键盘事件 (15:52) 8-4 [JavaScript - 事件对象深入] JavaScript - 事件委托/代理/委派 (21:32) 8-5 [JavaScript - 事件对象深入] JavaScript - offsetLeft/Top距离 (06:58) 8-6 [JavaScript - 事件对象深入] JavaScript - 元素offset宽度/高度详解 (06:55) 8-7 [JavaScript - 事件对象深入] JavaScript - 元素拖拽及原理详解 (16:39) 8-8 [JavaScript - 事件对象深入] JavaScript - 事件委托版拖拽制作 (09:31)
