区别:
for…in用于读取键名遍历,for…of用于读取键值遍历
for-in语法:
for (变量 in 对象) { 执行代码 }
var arr = ["a","b","c"]; for (var key in arr){ console.log(arr[key]); }
特点:
1.for-in 不考虑构造对象的不可枚举属性,只需要查找可枚举属性并将其输出。
2.数组的键名是数字,但是for…in循环是以字符串作为键名“0”、“1”、“2”。
3.for…in循环会以任意顺序遍历键名。
5.for…in循环主要是为遍历对象而设计的,不经常于遍历数组。
for-of语法
for (variable of iterable) { statement } variable:每个迭代的属性值被分配给该变量。 iterable:一个具有可枚举属性并且可以迭代的对象。
var arr = ["a","b","c"]; for (var i of arr){ console.log(i); }
特点:
1、遍历数组来说非常方便快捷
2、可以在 类数组,字符串,set和map数据 上使用
3、不支持对象的遍历,但是它提供了其他的方法
比如:Object.keys() 和 Object.values()
4、for-of可以与break、continue和return配合使用