for...of 循环：遍历对象的完美解决方案

for…of 循环是 JavaScript 中用于遍历可迭代对象的语法结构。它提供了一种简洁而直观的方式来迭代数组、字符串、Set、Map 等可迭代对象的元素，使得在前端开发中处理数据集合变得更加便捷。本文将详细介绍 for…of 循环的原理，并提供相应的源代码示例。

原理简介：
for…of 循环的工作原理是基于迭代器（Iterator）的。可迭代对象是指实现了 @@iterator 方法的对象，该方法返回一个迭代器对象。迭代器对象具有 next() 方法，用于按顺序访问可迭代对象中的元素。for…of 循环在每次迭代时调用迭代器对象的 next() 方法，直到迭代器返回一个表示结束的特殊值（如 { done: true }）为止。

下面是一个简单的示例，展示了如何使用 for…of 循环遍历一个数组：

const arr = [1, 2, 3,