for...in 和for...of 遍历数组、对象和字符串时的区别

遍历数组

使用for…in ➡ 遍历数组元素下标

let items = ['alex', 18,'boy']
for(let item in items){
	console.log(item) //数组元素下标
}

• 1
• 2
• 3
• 4

for(let item in items){
	console.log(item+":"+items[item]) //通过数组元素下标获取对应元素
}

• 1
• 2
• 3

使用for…of ➡ 遍历数组元素

for(let item of items){
	console.log(item)
}

• 1
• 2
• 3

遍历对象

使用for…in ➡ 遍历对象属性名

let obj = {name:'alex',age : 18,sex : 'boy'}
for(let item in obj){
	console.log(item) //对象属性名
}

• 1
• 2
• 3
• 4

for(let item in obj){
	console.log(item+":"+obj[item]) //通过对象属性名获取对应的属性值
}

• 1
• 2
• 3

使用for…of ➡ 会报错

for(let item of obj){
	console.log(item)
}

• 1
• 2
• 3

遍历字符串

使用for…in ➡ 遍历字符串中字符下标

let str = '23123';
for(item in str){
	console.log(item) //字符串中字符下标
}

• 1
• 2
• 3
• 4

使用for…of ➡ 遍历字符串中字符

for(item of str){
	console.log(item) //字符串中字符
}

• 1
• 2
• 3