for...in 和 for...of 区别

for…in 和 for…of 区别

• for…in 用于可枚举数据，如对象、数组、字符串
• for…of 用于可迭代数据，如数组、字符串、Map、Set

1. for…in ：遍历数组，主要用于循环遍历对象的属性

const foo = {
	'name':'李明',
	'age':24,
}
for (const key in foo) {
	console.log('枚举属性：'+ key)
}
// 打印结果：
// 枚举属性：name
// 枚举属性：age

2. for…of：ES6新增的方法，可以使用break跳出循环，不仅支持数组，也支持大多数类数组对象，for-of循环也支持字符串遍历

const arr = [1,2,3,4]
for(const value of arr) {
	console.log(value)
}
// 打印结果
// 1
// 2
// 3
// 4