for ..in, for ..of 차이_JavaScript

ES6부터 추가 됨

for ..in

• 객체를 순환
• 객체의 key값에 접근 가능, value값에는 직접 접근 불가
• key를 리턴, 배열의 경우에는 index 리턴

var obj = {
  a: 1,
  b: 2,
  c: 3
};

//in를 사용했을때
for (const item in obj) {
  console.log(item) // a, b, c
}
//of를 사용했을때 
for (const item of obj) {
  console.log(item) // Uncaught TypeError: obj is not iterable
}

for ..of

• 배열을 순환
• Array, Map, Set, String, arguments 등이 해당됨 (Object는 해당 X)
• value를 리턴

const arr = [1, 2, 3];

//of를 사용했을때 
for (const item of arr) {
  console.log(item); // 1, 2, 3
}

//in를 사용했을때
for (const item in arr) {
  console.log(item); // 0, 1, 2
}