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

• 輸出結果