서두

프로젝트에서 반복문을 써야 할 순간이 왔다. 객체를 반복하고 객체가 갖고 있는 값을 보여주는 것인데 for in 구문을 써야 하는지 for of 구문을 써야 하는지 몰랐다. 그래서 찾아보고 어떤 순간에 어떤 걸 써야 하는지 공부했다. 그리고 그 내용을 정리하고자 한다.

for in 반복문

우선 for in은 객체에 자료들을 하나씩 꺼내 쓸 때 사용한다.

문법
for (변수 in 객체) {
	
}

...

예시
for (var key in value) {
	console.log('key : ' + value[key]);
}

// key : value[key]의 값

위와 같이 아주 간단한 예시를 들 수 있다. for in 반복문에서 중요한 부분은 객체를 반복할 때 사용하는 것이다.

for of 반복문

for of은 배열에서 자료를 꺼내쓴다.

문법
for (변수 of 배열) {
	
}

...

예시
for (var key of value) {
	console.log('key : ' + key);
}

// key : value인덱스에 맞는 값

for of 반복문에서 중요한 부분은 배열을 반복할 때 사용한다는 점이다.

차이점

for in : 객체의 모든 열거 가능한 속성에 대해 반복한다.
for of : iterable 속성을 가지는 컬렉션 전용으로 사용한다.

성능에서도 차이가 있는데 for of가 가장 최근 문법이기에 성능이 좋다.

정리하기

이번에 공부하면서 궁금했던 부분을 간단하게 정리했다. 반복문은 자주 쓰는 문법이고 다양하게 있지만 어떨 때 사용하는지 무엇을 사용해야 하는지 모르는 경우가 많았다. 이번 정리를 통해 조금은 이해할 수 있는 좋은 시간이었다. 지금은 얕은 부분만 공부했지만, 점점 깊이 있게 공부를 해야겠다.