说说for..of和for..in的两点主要区别今天我们来聊点熟悉的东西：for..of和for..in，大概一分钟看完

今天我们来聊点熟悉的东西：for..of和for..in，大概一分钟看完

for..of和for..in均用于迭代，但是它们又有所不同，简单小结两点：

首先是迭代的值不同

for..in迭代的是对象的键的列表，而for..of则迭代对象的键对应的值

例如以下例子：

let list = [1, 2, 3];
for (let i in list) {
    console.log(i); // 
}
for (let i of list) {
    console.log(i); 
}

上述代码中，使用for...in遍历出的是数组的下标"0", "1", "2",而使用for..of遍历数组得到的就是对应的值"1", "2", "3"

另外一个主要区别是for..in可以操作任何对象；它提供了查看对象属性的一种方法。但是 for..of关注于迭代对象的值。内置对象Map和Set已经实现了Symbol.iterator方法，让我们可以访问它们保存的值。

例如以下例子：

let pets = new Set(["Cat", "Dog"]);
pets["species"] = "mammals";

for (let pet in pets) {
    console.log(pet); // "species"
}

for (let pet of pets) {
    console.log(pet); // "Cat", "Dog"
}

以上就是本文的所有内容，如有问题，欢迎指正~

更多相关文章，欢迎阅读：