ECMAScript的for...of循环怎么用

ECMAScript 6（ES6）引入了for...of循环，它是一种简洁的遍历可迭代对象（如数组、字符串、Map、Set等）的方法。使用for...of循环可以让你更方便地访问可迭代对象中的每个元素，而不需要使用索引或迭代器方法。

下面是一个使用for...of循环的基本示例：

const arr = [1, 2, 3, 4, 5];

for (const item of arr) {
  console.log(item);
}

在这个示例中，我们创建了一个名为arr的数组，并使用for...of循环遍历数组中的每个元素。在每次迭代过程中，我们将当前元素赋值给变量item，然后将其打印到控制台。

for...of循环也可以用于遍历字符串：

const str = 'Hello, world!';

for (const char of str) {
  console.log(char);
}

在这个示例中，我们创建了一个名为str的字符串，并使用for...of循环遍历字符串中的每个字符。

需要注意的是，for...of循环不能直接用于普通对象，因为普通对象不是可迭代对象。但是，你可以使用Object.entries()、Object.keys()或Object.values()方法将对象的键值对、键或值转换为可迭代对象，然后使用for...of循环遍历它们：

const obj = {
  a: 1,
  b: 2,
  c: 3
};

for (const [key, value] of Object.entries(obj)) {
  console.log(key, value);
}

在这个示例中，我们创建了一个名为obj的对象，并使用Object.entries()方法将对象的键值对转换为可迭代对象。然后，我们使用for...of循环遍历这些键值对，并将每个键和值打印到控制台。