课程名称：2周刷完100道前端优质面试真题
课程章节：第4章 前端面试技能拼图2 ：前端基础知识 ， 必知必会
主讲老师：双越

课程内容：

今天学习的内容包括：
4-10 -JS中for-in和for-of有什么区别——for…in用于可枚举的数据，for…of用于可迭代的数据。

课程收获：

key 和 value

• for…in遍历得到key
• for…of 遍历得到value

使用于不同的数据类型

• 遍历对象: for…in可以，for…of 不可以
• 遍历Map Set : for…of 可以，for…in 不可以
• 遍历generator : for…of可以，for…in 不可以

可枚举 VS 可迭代

• for…in用于可枚举数据，如对象、数组、字符串
• for…of 用于可迭代数据、如数组、字符串、Map、Set

答案

• for…in用于可枚举数据，如对象、数组、字符传，得到key
• for…of 用于可迭代数据、如数组、字符传、Map、Set，得到value

tips

• 使用for…in，for…of，在有些时候可以事半功倍
• 使用时需要关注下是否可枚举可迭代

今天的 学习了 JS中for-in和for-of有什么区别，可枚举的数据可以使用for…in，是否可枚举可以通过Object.getOwnPropertyDescriptors(obj)然后看enumerable是否为true。可迭代的数据可以使用for…of，是否可迭代就可以通过arr[Symbol.iterator]看是否有迭代next()。

下一步就是 学习【连环问】for-await-of有什么作用。今天学习就先到这里吧。

坚持打卡，坚持学习，未来可期，加油😀~

​​​​​​​
​​​​