for of如何遍历对象

可以使用for...in循环来遍历对象的属性，例如：

const obj = { a: 1, b: 2, c: 3 };
for (let prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}
// output: 
// a: 1
// b: 2
// c: 3

如果想要使用for...of来遍历对象，需要将对象转换为可迭代的值，例如：

const obj = { a: 1, b: 2, c: 3 };
const iterable = Object.entries(obj);
for (let [key, value] of iterable) {
  console.log(key + ': ' + value);
}
// output: 
// a: 1
// b: 2
// c: 3

希望这可以解决您的问题。如果您有其他问题，请随时提出。

相关问题

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 ]