如何在 javascript for of 循环中循环元素 - Javascript

在 JavaScript 中， for of 循环用于循环可迭代对象（iterable）的元素。 在这里，我们将深入了解如何在 for of 循环中循环元素。

可迭代对象（iterable）

在 for of 循环中，可以循环迭代器（iterator）和类数组对象（array-like object）。

迭代器（iterator）

迭代器（iterator）是一个对象，具有 next() 方法，该方法返回一个包含两个属性的对象：value 和 done。

const myIterator = {
  *[Symbol.iterator]() {
    yield 1;
    yield 2;
    yield 3;
  }
};

我们可以使用循环来遍历迭代器的元素：

for (const element of myIterator) {
  console.log(element);
}
// Output: 1 2 3

类数组对象（array-like object）

类数组对象（array-like object）具有 length 属性和从零开始索引的数值属性。 在 JavaScript 中，例如字符串，DOM 节点列表和 arguments 对象都是类似数组的对象。

const myArrayLikeObject = {
  length: 3,
  0: 'dog',
  1: 'cat',
  2: 'hamster'
};

我们可以使用循环来遍历类数组对象的元素：

for (const element of myArrayLikeObject) {
  console.log(element);
}
// Output: dog cat hamster

在 for of 循环中使用 break 和 continue

我们可以使用 break 关键字中断 for of 循环的执行：

for (const element of myIterator) {
  if (element === 2) break;
  console.log(element);
}
// Output: 1

我们可以使用 continue 关键字跳过循环中的一个迭代：

for (const element of myArrayLikeObject) {
  if (element === 'cat') continue;
  console.log(element);
}
// Output: dog hamster

总结

在 JavaScript 中，for of 循环用于循环可迭代对象（iterable）的元素。我们可以在 for of 循环中使用迭代器（iterator）和类数组对象（array-like object）。 我们还可以使用 break 和 continue 来中断 for of 循环的执行或跳过迭代。现在你已经知道了如何在 for of 循环中循环元素，现在就可以在你的项目中开始使用它了！