for..in和for..of的区别
前一段时间我碰到一个这样的问题:随便使用for..in和for..of给我带来了不可预期的后果,和我想得有点不太一样。关于for...in和for..of之间到底有什么区别?什么时候用for..in?什么时候用for..of呢?接下来,我将用代码作为示例来展示它们两者的差别。
首先看看遍历数组时 for...in和for...of的区别:
由上可知,控制台输出结果可以正常显示,对数组进行遍历时,for..in获取到的是每次遍历项的索引值,而for...of每次遍历获取到的则是每一个遍历项的value值。
在看看关于遍历对象时 for..in和for..of的区别:
通过控制台我们可以看出,使用for...in遍历对象时,每一次遍历得到的都是对象中的key值,而使用for..of遍历时则会报错(obj is not iterable),译为:obj这个对象不可迭代的,不能使用for..of遍历对象,它获取到的不是每一个遍历项的value值。
总结:
遍历数组时:for..in获取到的是每一项的索引值,而for..of获取到的是每一项的值
遍历对象时:for..in获取到的是每一项的key值(也就是属性名),而for..of不能用于遍历对象,会报错
扩展内容:Object.keys(obj)可以获取到obj的keys值,用数组形式保存;Object.values(obj)可以获取到obj的value值,也是用数组形式保存
咋肥四鸭.: 20题浅克隆数组不对吧
咋肥四鸭.: 12题是错的 log出来时 [0,1,2]
懵懵懂懂学前端: 感谢大佬的指导
hbyepei: 作为阿里的内部开发,我发表一下意见,VSCode是轻便型机枪,而WebStrom则是重炮,其区别就像Sublime和IDEA一样。 在大型复杂项目中WebStorem是秒杀VSCode的。 阿里内部的编码规范文档中有一句是这么说的: “平时调调Bug用VSCode就好了,起个大项目请老老实实用WebStrom”
懵懵懂懂学前端: