for ... in 과 for ... of 차이

ES6부터 추가된 for ...in과 for ... of의 차이를 알아 보겠습니다.

둘다 기본적으로 반복문 입니다.

하나는 객체를 탐색하고, 나머지 하나는 배열 요소를 탐색 합니다.

 

for ..in(객체 순환) : object key를 순회하기 위한 반복문

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

for (let item in obj){
	console.log(item)
}

// 이놈을 for of를 쓰면 obj is not iterable 로 에러가 나옵니다

object의 property으로 만들어 둔 함수까지 함께 순회 할수 있기에 for .. in은 object의 key를 순회하기 위해 불가피하게 사용하는것이 아니라면 사용하지 않는것이 좋습니다.

 

for .. of(배열순환)

let arr =[1,2,3]

for (let i of arr){
	console.log(i);
}

 

forEach(el => console.log(el))

forEach는 array의 property를 상속받은 객체가 사용 할 수 있는 함수

 

 

요악

• forEach는 Array 배열
• for in은 객체
• for of는 가장 강력한 반복문