Js for in Vs for of

글 작성 동기

for in, for of는 es6에 추가된 문법인데,, 계속 for만 쓰는버릇 하니까 for in 과 for of에 익숙해지지 않는 것 같아서 블로그 포스팅하여 정리했습니다.

 

 

 

일단 결론부터 말하자면

for in는 객체 순환시에,

for of는 배열 순환시에 사용합니다.

 

 

 

예제를 통해 자세히 보겠습니다.

const obj = {
  age: 15,
  height: 150,
  weight: 50,
};

for (let a in obj) {
  console.log(a); // age height weight
  console.log(obj[a]); //15 150 50
}

const arr = [15, 150, 50];
for (let a of arr) {
  console.log(a); //15, 150, 50
}

for (let a in arr) {
  console.log(a); //0 1 2
  console.log(arr[a]); // 15, 150, 50
}

 

for in을 통해 손쉽게 객체를 다룰 수 있었습니다.

또한, for of를 통해 배열을 다룰 수 있었습니다.

근데 배열도 객체기 때문에?

for in에도 배열을 사용해 보았습니다

결과적으로 for of와는 다르게 동작하지만, 사용할 수는 있었습니다.