JavaScript 控制结构：循环与条件语句

引言

编程语言的一个核心功能是执行条件判断和循环操作，JavaScript 也不例外。本文将详细介绍 JavaScript 中的控制结构，包括各种循环和条件语句，以及它们在实际代码中的应用。

条件语句（Conditional Statements）

条件语句用于在不同条件下执行不同的代码块。

if 语句

if 语句用于在满足某个条件时执行代码。

let age = 20;
if (age >= 18) {
  console.log('You are an adult.');
}

if...else 语句

if...else 用于在条件满足时执行一个代码块，否则执行另一个代码块。

let age = 16;
if (age >= 18) {
  console.log('You are an adult.');
} else {
  console.log('You are a minor.');
}

if...else if...else 语句

用于处理多个条件。

let grade = 85;
if (grade >= 90) {
  console.log('A');
} else if (grade >= 80) {
  console.log('B');
} else {
  console.log('C');
}

switch 语句

用于多条件判断，比多个 if...else if...else 更清晰。

let fruit = 'apple';
switch (fruit) {
  case 'banana':
    console.log('Yellow fruit.');
    break;
  case 'apple':
    console.log('Red fruit.');
    break;
  default:
    console.log('Unknown fruit.');
}

循环（Loops）

循环用于重复执行某个操作。

for 循环

for 循环是最常用的循环结构。

for (let i = 0; i < 5; i++) {
  console.log(i);
}

while 循环

while 循环会在条件为 true 的情况下不断执行。

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

do...while 循环

与 while 循环类似，但至少执行一次。

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

for...of 和 for...in 循环

用于遍历数组和对象。

let array = [1, 2, 3];
for (const value of array) {
  console.log(value);
}

let object = { a: 1, b: 2 };
for (const key in object) {
  console.log(key, object[key]);
}

总结

掌握控制结构是任何编程语言中都非常重要的一步，JavaScript 当然也不例外。条件语句和循环是编程中最基础的两种控制结构。它们用于控制代码的执行流程，使程序能够根据不同的条件和情境做出相应的操作。

通过本文的讲解和示例代码，希望能帮助你更好地理解和使用 JavaScript 的控制结构。这些基础知识将为你日后编写更加复杂和高效的代码打下坚实的基础。

接下来，我们将探讨更多高级的 JavaScript 主题和编程技巧。敬请期待！