← Back to NOTES 🌰 ← Effective JavaScript 🤿

← 아이템 49 - 배열을 반복할 때 for...in 대신 for 반복문을 사용하라

핵심 요약

• 자바스크립트의 for문은 간결하지만 종료 조건 실수로 버그가 발생하기 쉬움
• ES5는 forEach, map, filter 등의 배열 메서드를 제공하여 코드를 더 간결하고 가독성 좋게 작성 가능
• for문은 break를 통한 조기 종료와 성능 면에서 이점이 있음
• 반복 메서드는 실수를 줄이고 코드를 더 명확하게 만들지만, 조기 종료가 필요한 경우 for문 사용 권장

자세한 내용

자바스크립트 for문의 문제점

자바스크립트의 for문은 꽤 간결하고 다른 언어의 for문과 유사하다. 그러나 아주 작은 변형에도 전혀 다른 동작을 수행하기 때문에 자주 실수를 하곤 한다.

특히 종료 조건에 대한 실수로 인해 버그가 생기는 경우가 많다:

• for (let i = 1; i < n; i++) - 첫 번째 반복을 빠뜨림
• for (let i = n-1; i > 0; i--) - 마지막 반복을 빠뜨림

ES5의 forEach, map, filter 메서드

ES5에서는 이러한 반복문의 실수로부터 구해줄 수 있는 Array.prototype의 forEach, map, filter와 같은 메서드를 제공한다.

forEach - 새로운 값을 반환하지 않음

forEach를 사용하면 코드가 간결해지고 가독성이 좋아진다.

map - 새로운 값을 반환

map을 사용하면 코드가 간결해지고 가독성이 좋아진다.