js中for in for of的区别

for in是ES5的标准,for of是ES6的标准,二者都是用来遍历数据的 

1.for in的使用

遍历数组:获取的是数组的下标索引值

js中for in for of的区别_第1张图片

 如果想要获取到对应的数据也是可以的,如下:

js中for in for of的区别_第2张图片

 遍历对象:获取的值是key

js中for in for of的区别_第3张图片

 小结:for in 遍历数组,直接获取的是数组的索引值, 遍历对象直接获取的是对象的key值

1.for of的使用

遍历数组:直接获取的数组的数据

js中for in for of的区别_第4张图片

 遍历对象:会报错,因为对于普通对象,没有部署原生的 iterator 接口

js中for in for of的区别_第5张图片

总结:由此可见for in适合用来遍历对象,for of更适合用来遍历数组。其实for in是可以用来遍历数组跟对象,只不过for of的出现使得我们找到了对于遍历数组更加简便一点的方式。所以具体使用哪个完全看个人习惯。

 

你可能感兴趣的:(javascript,前端,开发语言)