for...of 是Es6新增的遍历方式,允许遍历一个含有interator接口的数据结构 (数组,对象等) 并且返回各项的值
for...of 与 for...in 的区别
- for...of 遍历获取的是对象的键值 , for...in 获取的是对象的键名 ;
- for...in 会遍历对象的整个原型链 , for...of 只遍历当前对象 , 不会遍历原型链 ;
- 对于数组的遍历 , for...in 会返回数组中所有可枚举的属性(包括原型链上可枚举的属性) , for...of 只返回数组的下标对应的属性值 ;
- for...of 不能循环普通的对象 , 需要通过Object.keys() 方法搭配使用 .
总结
for...in 循环主要是为了遍历对象 , 不适用于遍历数组 ; for...of 循环可以用来遍历数组 , 类数组对象 , 字符串 , Set , Map 以及 Generate 对象 .
结语
以上内容,如有雷同,纯属巧合!