[Javascript] for of, for in

for of

배열

const 포오브 = "forof";

for (let i of 포오브) {
  console.log(i);
}

// 결과
// "f"
// "o"
// "r"
// "o"
// "f"

객체

const 포오브객체 = {
  a: 1,
  b: 2,
  c: 3
};

for (let item of 포오브객체) {
    console.log(item);
}

// 결과
// Uncaught TypeError: 포오브객체 is not iterable

 

for in

배열

const 포인 = "forin";

for (let i in 포인) {
  console.log(i);
}

// 결과
// "0"
// "1"
// "2"
// "3"
// "4"

객체

const 포인객체 = {
    name: '상현',
    job: '개발자'
}

for (const key in 포인객체){
    console.log(`${key} : ${포인객체[key]}`);
}

// 결과
// name : 상현
// job : 개발자

 

결론

for in : 배열에 사용하자 = 인덱스가 타겟

for of : 객체에 사용하자 = 키가 타겟