从0开始学前端 第二十一课：控制结构 - 条件语句与循环

第二十一课：控制结构 - 条件语句与循环

学习目标

在本课结束后，你将能够：

1. 理解和使用条件语句（if/else）来根据不同的条件执行不同的代码块。
2. 使用逻辑运算符（&&、||、!）来组合多个条件。
3. 编写for和while循环来重复执行代码块直到满足特定条件。

学习内容

1. 条件语句（if/else）

   • 概念: 条件语句用于基于不同的条件来执行不同的代码块。if语句用于指定一个条件，如果该条件为真，则执行一个代码块。
   • 代码示例:

     let score = 75;
     if (score >= 90) {
       console.log("优秀");
     } else if (score >= 60) {
       console.log("合格");
     } else {
       console.log("不合格");
     }
     

   • 预计输出效果: 上述代码将在控制台输出"合格"，因为分数是75。

2. 逻辑运算符（&&、||、!）

   • 概念: 逻辑运算符用于组合多个布尔值（true或false）条件。&&表示“且”，||表示“或”，!表示“非”。
   • 代码示例:

     let isSunny = true;
     let isWeekend = false;
     if (isSunny && isWeekend) {
       console.log("去野餐");
     } else {
       console.log("在家学习");
     }
     

   • 预计输出效果: 上述代码将输出"在家学习"，因为虽然是晴天，但不是周末。

3. 循环（for、while）

   • for循环: 通常用于当你知道循环应该执行的次数时。
     • 代码示例:

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

   • while循环: 当你不知道循环应该执行多少次，只知道循环应该在满足特定条件时停止时使用。
     • 代码示例:

       let i = 1;
       while (i <= 5) {
         console.log(i); // 输出1到5
         i++;
       }
       

   • 预计输出效果: 两种循环都将在控制台依次输出数字1到5。

课后练习

1. 编写条件语句:

   • 假设你有一个变量temperature表示当前温度，编写一个条件语句，如果温度低于10度，则输出“穿大衣”，如果温度在10到25度之间，则输出“穿T恤”，否则输出“穿短袖”。

2. 使用逻辑运算符:

   • 声明两个布尔型变量hasCompletedHomework和hasPermission。如果两个都为真，则输出“可以玩游戏”，否则输出“不能玩游戏”。

3. 编写循环:

   • 使用for循环打印所有的偶数，从0到10。
   • 使用while循环打印所有的奇数，从1到9。

课后练习解析

1. 编写条件语句:

   • 示例代码：

     let temperature = 15;
     if (temperature < 10) {
       console.log("穿大衣");
     } else if (temperature >= 10 && temperature <= 25) {
       console.log("穿T恤");
     } else {
       console.log("穿短袖");
     }
     

   • 输出取决于temperature的值。

2. 使用逻辑运算符:

   • 示例代码：

     let hasCompletedHomework = true;
     let hasPermission = true;
     if (hasCompletedHomework && hasPermission) {
       console.log("可以玩游戏");
     } else {
       console.log("不能玩游戏");
     }
     

3. 编写循环:

   • for循环示例代码：

     for (let i = 0; i <= 10; i += 2) {
       console.log(i); // 输出偶数0到10
     }
     

   • while循环示例代码：

     let i = 1;
     while (i < 10) {
       console.log(i); // 输出奇数1到9
       i += 2;
     }
     

通过这些练习，你将加深对JavaScript控制结构的理解。记住，多练习和实际编码是掌握这些概念的关键。

---

章节目录
第二十二课：函数