在前端开发中，我们经常需要处理一些需要重复完成的任务，比如遍历数组、执行定时任务等。这些任务需要在 JavaScript 中实现循环结构。本文将介绍 JavaScript 中的循环语句，包括 for 循环、while 循环和 do-while 循环，并提供一些示例代码来帮助读者理解它们的用法。
for 循环
for 循环是 JavaScript 中最常见的循环结构之一。它通常被用于遍历数组或对象中的元素。下面是一个使用 for 循环遍历数组的示例代码：
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}在上面的代码中，我们首先定义了一个数组 arr，然后使用 for 循环遍历它的每个元素。在 for 循环中，我们定义了一个计数器变量 i，并设置它的初始值为 0。接着，我们设置循环条件，即只要 i 小于数组的长度，就继续执行循环。在每次循环中，我们输出当前元素的值，并将计数器 i 的值增加 1。
除了遍历数组，for 循环还可以用于执行固定次数的循环。例如，下面的代码使用 for 循环输出前 10 个自然数：
for (let i = 1; i <= 10; i++) {
console.log(i);
}在上面的代码中，我们使用 for 循环执行了 10 次，每次输出循环变量 i 的值。
while 循环
while 循环是另一种常见的循环结构。它与 for 循环类似，都可以用于处理需要重复完成的任务。下面是一个使用 while 循环遍历数组的示例代码：
const arr = [1, 2, 3, 4, 5];
let i = 0;
while (i < arr.length) {
console.log(arr[i]);
i++;
}在上面的代码中，我们首先定义了一个数组 arr 和一个计数器变量 i，并将 i 的初始值设置为 0。接着，我们使用 while 循环遍历数组的每个元素。在每次循环中，我们输出当前元素的值，并将计数器 i 的值增加 1。与 for 循环不同，while 循环没有明确的终止条件，因此需要手动控制循环的结束。
除了遍历数组，while 循环还可以用于处理需要反复执行的任务，例如定时任务。下面是一个使用 while 循环执行定时任务的示例代码：
let count = 0;
while (count < 10) {
setTimeout(() => {
console.log("Hello, world!");
}, count * 1000);
count++;
}在上面的代码中，我们使用 while 循环反复执行定时任务。在每次循环中，我们使用 setTimeout() 函数设置定时任务，并将计数器 count 的值增加 1。setTimeout() 函数会在指定的时间后执行回调函数，因此在本例中，每隔 1 秒就会输出一次 "Hello, world!"。
do-while 循环
do-while 循环是 JavaScript 中的另一种循环结构，它与 while 循环类似，但会先执行一次循环体，再判断循环条件是否成立。下面是一个使用 do-while 循环遍历数组的示例代码：
const arr = [1, 2, 3, 4, 5]; > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/9185) ，转载请注明来源 [https://www.javascriptcn.com/post/9185](https://www.javascriptcn.com/post/9185)
