ES6 中的 for of 循环：一种新的方式来遍历数组和对象

在传统的 JavaScript 中，我们经常使用 for 循环来遍历数组或对象。然而，这种方式有时会显得冗长且不够简洁，而且需要手动迭代数组或对象的索引或键值。ES6 中引入了 for of 循环，它是一种新的方式来遍历数组和对象。

什么是 for of 循环？

for of 循环是一种用于遍历可迭代对象（如数组和字符串）的新循环类型。它可以通过简单的语法来遍历数组和对象，而不需要手动迭代索引或键值。

如何使用 for of 循环？

使用 for of 循环遍历数组和对象的语法非常简单。下面是一些示例代码：

遍历数组

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}
// 输出：1 2 3

遍历字符串

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

遍历对象

const obj = { name: '张三', age: 18 };
for (const key in obj) {
  console.log(`${key}: ${obj[key]}`);
}
// 输出：name: 张三 age: 18

for of 循环的优势

相比传统的 for 循环，for of 循环有以下几个优势：

简洁明了

for of 循环的语法简洁明了，不需要手动迭代数组或对象的索引或键值。

支持 break 和 continue

for of 循环支持 break 和 continue，可以更方便地控制循环的流程。

支持迭代器

for of 循环支持迭代器（Iterable），可以遍历任何实现迭代器接口的对象，如 Set 和 Map。

总结

for of 循环是 ES6 中的新循环类型，它可以通过简单的语法来遍历数组和对象，而不需要手动迭代索引或键值。相比传统的 for 循环，它语法简洁明了，支持 break 和 continue，并且可以遍历任何实现迭代器接口的对象。在实际的开发中，我们可以使用 for of 循环来更方便地遍历数组和对象，提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658b7e6aeb4cecbf2d0bf546