我是靠谱客的博主 粗心烧鹅,这篇文章主要介绍for...in与for...of的区别,现在分享给大家,希望可以做个参考。

for...in

1.遍历对象的可枚举属性名  

       (enumerable:true,通过Object.defineProperty(obj,prop,descriptor)修改,通过obj.propertyIsEnumerable(prop)进行判断)

2.向上查找原型链中的属性

     (如仅想遍历自身属性,加一层if,通过hasOwnProperty()筛选)

for...of

1.遍历可迭代对象的属性

     (可迭代对象包括 ArrayMapSetStringTypedArray,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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部