for-in for-of

const arr = [10, 20, 30, 40, 50];
const obj = { name: "zs", age: 10, gender: "male" };
Array.prototype.AA = 1;
Object.prototype.BB = 2;
 
for (let key in arr) {
  if (!arr.hasOwnProperty(key)) break;
  console.log(key, arr[key]);
}
//for in 遍歷陣列和物件 並且會把原型自定義屬性都會遍歷出來 。所以遍歷的時候都會加上hasOwnProperty 表示只會遍歷自身物件或者陣列的屬性
for (let key in obj) {
  if (!obj.hasOwnProperty(key)) break;
  console.log(key, obj[key]);
}

//for of 只會遍歷自身的屬性 自動過濾原型自定義的屬性 物件沒有for of方法，可以迭代的物件都可以用for-of array
 

for (let item of arr) {
  console.log(item);
}
//string for-of
let str = "abcdef";
for (let item of str) {
  console.log(item);
}
//map for-of
const map = new Map()
  .set(1, 100)
  .set("abc", 200)
  .set(true, 300);
for (let [key, value] of map) {
  console.log(key, value);
}
//物件不可以遍歷
// for (let item of obj) {
 

//   console.log(item);
// }