跳转至

JavaScript 基础:控制结构

在编程中,控制结构是用于控制程序执行流程的关键工具。JavaScript 提供了多种控制结构,包括条件语句和循环语句。通过使用这些结构,你可以根据不同的条件执行不同的代码块,或者重复执行某些代码块。本章将详细介绍 JavaScript 中的条件语句和循环语句,并通过代码示例帮助你理解它们的使用方法。

1. 条件语句

条件语句用于根据不同的条件执行不同的代码块。JavaScript 中最常用的条件语句是 if 语句、else if 语句和 else 语句。

1.1 if 语句

if 语句用于在条件为 true 时执行特定的代码块。

let age = 18;

// 检查年龄是否大于或等于18
if (age >= 18) {
    console.log("你已成年,可以投票。");
}

解释: - if 语句后面的括号 () 中包含一个条件表达式。 - 如果条件表达式的结果为 true,则执行大括号 {} 中的代码块。 - 在这个例子中,如果 age 大于或等于 18,程序将输出 "你已成年,可以投票。"。

1.2 else if 语句

else if 语句用于在多个条件之间进行选择。如果前面的 if 条件不满足,程序将检查 else if 条件。

let score = 85;

// 根据分数判断成绩等级
if (score >= 90) {
    console.log("优秀");
} else if (score >= 80) {
    console.log("良好");
} else if (score >= 70) {
    console.log("中等");
} else {
    console.log("不及格");
}

解释: - 程序首先检查 score >= 90,如果为 true,则输出 "优秀"。 - 如果第一个条件不满足,程序继续检查 score >= 80,如果为 true,则输出 "良好"。 - 依此类推,直到找到满足的条件或执行 else 语句。

1.3 else 语句

else 语句用于在所有前面的条件都不满足时执行代码块。

let isRaining = false;

// 检查是否下雨
if (isRaining) {
    console.log("记得带伞!");
} else {
    console.log("今天天气不错,出门散步吧!");
}

解释: - 如果 isRainingtrue,则输出 "记得带伞!"。 - 如果 isRainingfalse,则输出 "今天天气不错,出门散步吧!"。

2. 循环语句

循环语句用于重复执行某些代码块。JavaScript 中最常用的循环语句是 for 循环、while 循环和 do...while 循环。

2.1 for 循环

for 循环用于在已知循环次数的情况下重复执行代码块。

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

解释: - for 循环由三个部分组成:初始化 (let i = 1)、条件 (i <= 5) 和迭代 (i++)。 - 初始化部分在循环开始前执行一次。 - 每次循环开始前,程序都会检查条件部分。如果条件为 true,则执行循环体中的代码。 - 每次循环结束后,程序执行迭代部分,然后再次检查条件。

2.2 while 循环

while 循环用于在条件为 true 时重复执行代码块。

let count = 1;

// 打印数字1到5
while (count <= 5) {
    console.log(count);
    count++;
}

解释: - while 循环在每次循环开始前检查条件 (count <= 5)。 - 如果条件为 true,则执行循环体中的代码。 - 在这个例子中,count 从 1 开始,每次循环后递增,直到 count 大于 5 时循环结束。

2.3 do...while 循环

do...while 循环与 while 循环类似,但它至少会执行一次循环体,然后再检查条件。

let num = 1;

// 打印数字1到5
do {
    console.log(num);
    num++;
} while (num <= 5);

解释: - do...while 循环首先执行循环体中的代码,然后检查条件 (num <= 5)。 - 如果条件为 true,则继续执行循环体。 - 在这个例子中,num 从 1 开始,每次循环后递增,直到 num 大于 5 时循环结束。

3. 练习题

练习 1:简单的条件语句

编写一个程序,检查用户输入的年龄是否大于或等于 18 岁。如果是,输出 "你已成年,可以投票。";否则,输出 "你还未成年,不能投票。"。

练习 2:使用 for 循环

编写一个程序,使用 for 循环打印数字 1 到 10 的平方。

练习 3:复杂的条件语句

编写一个程序,根据用户输入的分数判断成绩等级: - 90 分及以上:优秀 - 80 分及以上:良好 - 70 分及以上:中等 - 60 分及以上:及格 - 60 分以下:不及格

4. 总结

在本章中,我们学习了 JavaScript 中的控制结构,包括条件语句和循环语句。以下是本章的关键点:

  • 条件语句ifelse ifelse 语句用于根据不同的条件执行不同的代码块。
  • 循环语句forwhiledo...while 循环用于重复执行代码块。
  • 控制结构:通过使用条件语句和循环语句,你可以控制程序的执行流程,使程序更加灵活和强大。

通过本章的学习,你应该能够使用条件语句和循环语句来控制程序的流程,并能够编写简单的 JavaScript 程序来解决实际问题。继续练习这些概念,你将能够更熟练地使用 JavaScript 进行编程。