ES6 中的 do...while 循环：更加灵活-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，循环语句是非常常用的一部分，而 do...while 循环则是比较特殊的一种循环语句。在 ES6 中，do...while 循环相比以前更加灵活，提供了更多的使用方式，下面就来详细介绍一下。

ES6 中 do...while 循环的语法

do...while 循环的语法在 ES6 中和以前的版本是基本一致的，如下所示：

do {
  // 循环体
} while(condition);

其中，循环体是需要执行的代码块，condition 是循环的条件，即只有在 condition 为 true 的情况下，才会继续执行循环体。

和其他循环语句一样，do...while 循环也可以使用 break 和 continue 来控制循环的进程。

ES6 中 do...while 循环的特点

相比其他循环语句，do...while 循环有着自己独特的特点：

do...while 循环至少会执行一次循环体，不管条件是否成立。
do...while 循环的条件判断是在循环体执行完一次之后再进行，这种特性对于某些场景非常有用。

ES6 中的 do...while 循环示例

下面我们通过一些示例代码来说明 ES6 中 do...while 循环的使用方式。首先，我们假设有一个数组，需要对其中的元素进行累加，直到元素的值小于等于 10，代码如下：

// javascriptcn.com 代码示例
let arr = [5, 8, 12, 6, 3, 9];
let sum = 0;
let i = 0;

do {
  sum += arr[i];
  i++;
} while(sum <= 10 && i < arr.length);

console.log(sum); // 输出 19

在上面的代码示例中，我们使用了 do...while 循环来对数组进行遍历，并累加数组中的元素。当累加的值大于 10 或者数组遍历结束后，循环会停止执行，并输出累加的结果。

下面，我们再来看一个更加复杂的示例，假设有一个需要进行计算的函数，函数的计算结果大于 100 时就停止执行，代码如下：

// javascriptcn.com 代码示例
function calculate() {
  let i = 0;
  let result = 0;

  do {
    result += i;
    i++;

    if (result > 100) {
      break;
    }
  } while (i <= 10);

  return result;
}

const result = calculate();
console.log(result); // 输出 105

在上面的示例代码中，我们使用了 do...while 循环来计算一个值，并在结果大于 100 时停止执行循环体。

总结

在 ES6 中，do...while 循环提供了更加灵活的使用方式，而它独特的特点也让它在某些场景中非常有用。不仅仅如此，do...while 循环在一些需要至少执行一次的场景下也能够很好地发挥作用。在使用 do...while 循环时，我们需要注意循环体和条件的顺序，以及在循环体中使用 break 和 continue 的情况。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654f17c07d4982a6eb81be3b