JavaScript ES6循环：用于，同时，执行，中断，继续

在JavaScript中，循环是一个非常基本的概念，可以帮助我们多次重复执行代码块。ES6为我们提供了更多循环的方式来更快，更方便地完成循环任务。本文将介绍ES6中用于循环的方法，并展示它们的用法及示例。

1. for循环

for循环是ES6中最常见的循环类型，它可以用于遍历一个数组或者对象中的元素。for循环的语法如下：

for (let i = 0; i < array.length; i++) {
  // 执行代码块
}

其中，let i = 0表示循环的起始点，i < array.length表示循环的结束点，i++表示每次循环后i的值加1。下面是一个遍历数组的示例：

const array = [1, 2, 3, 4];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}
// 输出：1 2 3 4

2. forEach循环

forEach循环是ES6中遍历数组的另一种方法。它的语法如下：

array.forEach(element => {
  // 执行代码块
});

其中，element表示数组中的每一个元素，我们可以在代码块中对每一个元素进行操作。下面是一个用于打印数组元素的forEach循环的示例：

const array = [1, 2, 3, 4];
array.forEach(element => {
  console.log(element);
});
// 输出：1 2 3 4

3. for...in循环

for...in循环是用于遍历对象属性的一种方法。它的语法如下：

for (let key in object) {
  // 执行代码块
}

其中，key表示对象的属性名，我们可以在代码块中对每一个属性进行操作。下面是一个用于打印对象属性的for...in循环的示例：

const object = {
  name: 'John',
  age: 30,
  city: 'New York'
};
for (let key in object) {
  console.log(`${key}: ${object[key]}`);
}
// 输出：
// name: John
// age: 30
// city: New York

4. for...of循环

for...of循环是ES6中遍历可迭代对象的一种方法，包括数组、字符串、Map、Set等。它的语法如下：

for (let element of iterable) {
  // 执行代码块
}

其中，element表示可迭代对象中的每一个元素，我们可以在代码块中对每一个元素进行操作。下面是一个用于打印字符串中每一个字符的for...of循环的示例：

const string = 'hello';
for (let character of string) {
  console.log(character);
}
// 输出：h e l l o

5. 执行、中断和继续循环

在循环中，我们还可以通过break和continue语句来中断或继续循环。break语句用于中断当前循环，而continue语句用于跳过当前迭代并继续下一次迭代。下面是一个用于查找数组中第一个奇数的示例：

const array = [2, 4, 5, 6, 8];
let oddNumber;
for (let i = 0; i < array.length; i++) {
  if (array[i] % 2 !== 0) {
    oddNumber = array[i];
    break;
  }
}
console.log(oddNumber);
// 输出：5

在上面的代码中，我们使用了break语句来中断循环并找到了数组中的第一个奇数。

对比上面的代码，下面这个例子用到了continue，我们将会跳过偶数，并继续循环到下一个元素：

const array = [1, 2, 3, 4, 5, 6];
for (let i = 0; i < array.length; i++) {
  if (array[i] % 2 === 0) {
    continue;
  }
  console.log(array[i]);
}
// 输出：1 3 5

结论

本文介绍了ES6中常见的用于循环的方法：for、forEach、for...in和for...of。同时，我们还学会了如何使用break和continue语句来中断和继续循环。这些方法可以帮助我们更方便、快捷地完成循环任务。