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);
  }
  

• 输出结果