for...in
1.遍历对象的可枚举属性名
(enumerable:true,通过Object.defineProperty(obj,prop,descriptor)修改,通过obj.propertyIsEnumerable(prop)进行判断)
2.向上查找原型链中的属性
(如仅想遍历自身属性,加一层if,通过hasOwnProperty()筛选)
for...of
1.遍历可迭代对象的属性值
(可迭代对象包括 Array
,Map
,Set
,String
,TypedArray
,arguments 对象等,普通对象如需使用可用Object.keys(obj)访问)
2.仅迭代自身属性,且不含自定义属性的值
var arr=[1,2,3,'hi'];
arr.name='test';
for(let key in arr){console.log(key);}
//0,1,2,3,name
for(let val of arr){console.log(val);}
//1,2,3,hi
参考:https://github.com/wujunchuan/wujunchuan.github.io/issues/11
最后
以上就是粗心烧鹅最近收集整理的关于for...in与for...of的区别的全部内容,更多相关for...in与for...of内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复