JavaScript 循环详解:For、While 等

Javascript教程 2025-10-22

介绍

循环是 JavaScript 的核心概念,它允许你重复运行一段代码,从而更轻松地高效处理重复性任务。无论是处理数组、迭代对象属性,还是重复执行某个任务直到满足特定条件,循环都能帮你实现。

在本指南中,您将学习 JavaScript 中不同类型的循环、何时使用它们以及如何应用它们来解决实际问题。完成本指南后,您将能够自信地编写优化且结构良好的代码。

我们将介绍的内容

在这里,我们将向您介绍以下循环类型:

  1. for 循环

  2. while 循环

  3. 做...while循环

  4. for...in 循环

  5. for...of 循环

for 循环

for loop当您心中有特定的迭代次数时,通常使用A ,它由三个主要部分组成。

句法

for (initialization; condition; increment) {
  // code to run
}

现实生活中的例子:

for (let i = 1; i <= 6; i++) {
  console.log("Number:", i);
}

它的作用:

  • 从 i = 1 开始

  • 当 i <= 6 时运行

  • 每次循环后将 i 加 1

  • 打印数字 1 到 6

while 循环

while loop只要指定的条件保持为真,A就会运行,当循环计数未预先确定时,它是理想的选择。

句法

while (condition) {
  // code to run
}

现实生活中的例子:

let i = 1;while (i <= 6) {
  console.log("Count:", i);
  i++;
}

它的作用:

  • 每次循环前检查条件 i <= 6

  • 只要条件为真,就运行

  • 每次增加 i

do...while 循环

即使条件最初为假,此循环也能确保代码在任何检查之前运行一次。

句法

do {
  // code to run
} while (condition);

现实生活中的例子:

let i = 1;
do {
  console.log("Step:", i);i++;
} while (i <= 6);

它的作用:

  • 首先执行一次代码块

  • 然后检查条件

  • 如果条件仍然成立,则重复该块

for...in 循环(用于对象)

当您想要迭代对象的键时,for...in循环是理想的选择。

句法

for (let key in object) {
  // code to run
}

现实生活中的例子:

for (let key in user) {
  console.log(key + ":", user[key]);
}
const user = {name: "Wisdom",age: 30,city: "Port Harcourt"};

它的作用:

  • 循环遍历对象中的每个键

  • 使用 user[key] 访问值

for...of 循环(用于可迭代对象)

此循环非常适合循环遍历可迭代对象中的元素,包括数组、字符串、映射和集合。

句法

for (let value of iterable) {
  // code to run
}

现实生活中的例子:

const fruits = ["apple", "banana", "orange"];
for (let fruit of fruits) {
  console.log(fruit);
}

它的作用:

  • 循环遍历数组中的每个项目

  • 直接访问每个值而不使用索引

结论

理解循环是精通 JavaScript 的关键一步。无论您是迭代数组、处理用户数据,还是操作对象属性,循环都能为您提供控制力和灵活性,让您高效地处理重复性任务。

for通过学习、、、和之间的区别,您将获得编写更简洁、更动态的代码的工具,以适应各种实际场景。这些循环结构不仅是 JavaScript    的基础,也是编程中逻辑思维和流程控制的基础whiledo...whilefor...infor...of

在你继续 Web 开发之旅的过程中,养成在小型项目中练习和试验这些循环的习惯。随着时间的推移,选择正确的循环将成为你的第二天性,你用代码解决问题的能力也会显著提升。

编码愉快!