JavaScript – 循环控制|极客笔记

JavaScript – 循环控制

在编程语言中，循环控制结构非常重要。它们允许我们重复执行一个或多个语句一定数量的次数，或者基于某些条件重复执行这些语句。JavaScript也有循环控制结构，可以帮助我们在需要时重复执行代码块。

for 循环

for循环在JavaScript中是最常见和流行的循环之一。当需要重复执行一个代码块，且已知执行该代码块的次数时，for循环就会变得非常有用。

以下是for循环的语法：

for (initialize; condition; increment/decrement) {
  // code to be executed
}

解释：

初始化：在循环开始时执行一次的语句。
条件：定义循环要重复执行多少次的条件。如果该条件为真，则继续重复执行，否则退出循环。这是关键的部分之一。
增量/减量：在每次循环之后执行的语句。

看一个例子：

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

在上面代码中，我们初始化变量i为0。然后指定了一个条件，即i必须小于10，只要满足条件，就会重复执行代码块。每次迭代后，i增加1，直到达到指定的最终值。

while 循环

while循环是另一个常见的循环，它允许您执行代码块，直到满足指定的条件为止。

以下是while循环的语法：

while (condition) {
  // code to be executed
}

解释：

condition：指定将要执行的代码块需要满足的条件。如果条件为true，将一直执行代码块，否则退出循环。

以下是一个while循环的例子，在这个例子当中我们打印出了1到5之间的所有数字。

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

do-while 循环

do-while循环在执行某些代码块后才检查循环条件。所以，不管循环条件是什么，循环至少会执行一次。

以下是do-while循环的语法：

do {
  //code to be executed
} while (condition);

现在，我们来看一个例子，在这个例子中，我们想将所有偶数打印出来，直到10,000。由于循环的条件不是在开始阶段检查的，因此我们需要使用do-while循环来完成这个操作。

let i = 0;
do {
    i += 2;  //增量
    console.log(i);
} while (i < 10000);  //条件判断

forEach()

forEach()是JavaScript的内置函数之一，它可以在数组上循环，接受一个函数作为参数，并将该函数应用于数组中的每一项。

以下是forEach()的基本语法：

array.forEach(function(currentValue, index, array) {
  //code to be executed
})

解释：

currentValue：当前处理的数组元素。
index：当前元素的索引。
array：当前数组。

以下是一个使用forEach()的例子，它遍历一个数组并打印每个元素：

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index) {
  console.log(item, index);
});

for-in 循环

for-in循环可用于枚举JavaScript对象中所有属性的名称。

以下是for-in循环的语法：

for (variable in object) {
  // code to be executed
}

解释：

variable：每次迭代时遍历的属性名称。
object：要枚举其属性名称的对象。

以下是一个使用for-in循环的例子，遍历一个对象并打印每个属性的名称和值：

let person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(key + ": " + person[key]);
}

for-of 循环

for-of循环是ES6中循环的新方式，用于遍历可迭代对象（如数组、字符串和Map）。

以下是for-of循环的语法：

for (variable of iterable) {
  // code to be executed
}

解释：

variable：在每次迭代时要被更新的变量。
iterable：可迭代的对象。

以下是一个使用for-of循环的例子，遍历一个数组并打印每个元素：

let arr = [1, 2, 3, 4, 5];
for (let element of arr) {
  console.log(element);
}

以上就是JavaScript中常用的各种循环结构。您可以根据不同的需求来选择不同的循环结构，以便更好地实现自己的代码逻辑。

结论

JavaScript的各种循环控制结构为我们提供了灵活的编程解决方案。通过使用它们，我们可以重复执行代码块，并根据需求在代码块中添加不同的语句。希望这篇文章对您在编程中使用循环结构时有所帮助。

JavaScript – 循环控制