for of 遍历对象

对于遍历对象，我们通常使用 for...in 循环。在 JavaScript 中，for...in 循环可以用来迭代一个对象的所有可枚举的属性。示例代码如下：

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

for (let key in obj) {
  console.log(key, obj[key]);
}

这段代码会依次输出对象 obj 的每个属性名和对应的属性值。请注意，for...in 循环不仅会遍历对象自身的属性，还会遍历继承的属性。

如果你想遍历一个数组或类数组对象，可以使用 for...of 循环。但是，for...of 循环不能直接用于普通对象的遍历，因为对象并没有实现可迭代协议。示例代码如下：

const arr = [1, 2, 3];

for (let value of arr) {
  console.log(value);
}

这段代码会依次输出数组 arr 的每个元素值。

希望对你有所帮助！如有任何疑问，请随时提问。

相关问题

for of遍历对象

for of遍历对象需要将对象转化为迭代器对象。普通对象不是可迭代对象，所以无通过for of遍历。可以通过判断对象是否为迭代器对象来确定是否可以使用for of进行遍历。可以使用isIterator()方法进行判断。

要让对象能够被for in遍历，需要实现Symbol.iterator接口，并使用ES6的Generator生成器为对象添加一个迭代器。通过在Object.prototype上定义Symbol.iterator属性，利用Generator函数生成一个迭代器对象。该迭代器对象可以将对象的键值对转化为可迭代的形式，从而能够使用for of进行遍历。

另外，可以使用Object.entries()方法来获取对象的可枚举属性的键值对数组。通过对该数组进行解构赋值，就可以方便地使用for of进行遍历，并输出键和值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [for...in for...of遍历对象的四种方式](https://blog.csdn.net/weixin_52170399/article/details/123268598)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

for of 遍历DOM对象

for of 循环是用于遍历可迭代对象的一种循环方式，而 DOM 对象并不是一个可迭代对象，因此不能直接使用 for of 遍历 DOM 对象。但是，我们可以通过一些方法将 DOM 对象转换为可迭代对象，例如使用 Array.from() 方法将 DOM 对象转换为数组，然后再使用 for of 循环遍历数组中的元素。具体实现方法如下所示：

const elements = document.querySelectorAll('p'); // 获取所有 <p> 元素
const elementArray = Array.from(elements); // 将 DOM 对象转换为数组
for (const element of elementArray) { // 使用 for of 循环遍历数组中的元素
  console.log(element.textContent); // 输出每个 <p> 元素的文本内容
}