javaScript中for...in与for...of的区别

for…in

​ for…in适合用来遍历对象，获取想要遍历获取数组的索引。

遍历对象

js代码

//定义一个对象 let student = { id: "001", name: "张三", age: 24, address: "张飞庙" } //遍历对象并输出，key获取到的是对象的属性名，而通过属性名，获取属性值 for(let key in student) { console.log(key + "...." + student[key]); }

输出结果

遍历数组

js代码

//定义一个数组 let arr = ["不知火舞", "王昭君", "娜可露露"]; //遍历数组 for(let element in arr) { console.log(element); }

输出结果

得到的是数组的每个元素的索引

for…of

​ for…of用来正常遍历数组、集合中的元素；但是不能遍历对象。

遍历数组示例

//定义一个数组 let arr = ["不知火舞", "王昭君", "娜可露露"]; //遍历数组 for(let element of arr) { console.log(element); }

输出结果