javascript : for in vs for of 차이

javascript 를 사용하다보면 객체를 순환하면서 가져올 때  

for(const item in obj) 과 for(const item of arr) 과 같은 두가지 방식을 사용하는것을 보는 경우가 있다.

두개의 차이점은 

for in 은 객체를 순환하여 가져오고 

for of 는 배열을 순환하여 가져온다.

간단히 말하면 실제 문법을 사용할 때에는

주로 for in 은 객체의 key 값 또는 index 를 가져와 사용할 때 이용하고

for of 는 배열의 값을 가져와 사용할 때 이용한다.

예시는 아래와 같다.

ex) for ... in

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

for(const item in obj) {
	console.log(item);
}

 

ex) for ... of

const arr = ['a','b','c'];

for(const item of arr) {
	console.log(item);
}