Javascript 루프문 정리(0) 개요

자바스크립트에는 여러 가지 유형의 루프(loop)가 있습니다. 이들 루프문은 반복적으로 실행되는 코드 블록을 만들어주며, 각각의 루프문은 다양한 용도로 사용됩니다. 아래는 자바스크립트의 주요 루프문에 대한 간단한 아웃라인입니다.

 

1. for 루프문:

초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다.

가장 일반적으로 사용되는 루프문 중 하나입니다.

배열과 같은 자료구조를 반복하며 요소에 접근하는 데에도 많이 사용됩니다.

Javascript 루프문 정리(1) for문

 

 

 

2. for...in 루프문:

객체의 속성들을 반복하며 접근합니다.

배열의 경우, 인덱스 대신 배열 요소의 키를 반복합니다.

Javascript 루프문 정리(2) for...in문

 

3. for...of 루프문:

이터러블(iterable) 객체(배열, 문자열, 맵, 셋 등)를 반복하며 요소에 접근합니다.

객체의 속성에 접근할 수는 없습니다.

Javascript 루프문 정리(3) for...of문

 

 

4. while 루프문:

조건식이 참일 동안 반복 실행됩니다.

반복 횟수를 미리 알 수 없는 경우에 주로 사용됩니다.

Javascript 루프문 정리(4) while문

 

5. do...while 루프문:

while 루프문과 비슷하지만, 코드 블록을 먼저 실행한 후 조건식을 검사합니다.

최소한 한 번은 코드 블록이 실행되도록 보장합니다.

Javascript 루프문 정리(5) do...while문

 

6. forEach() 메서드:

배열 요소를 반복하며 각 요소에 대해 지정된 콜백 함수를 실행합니다.

일반적으로 배열을 순환할 때 for 루프문보다 사용하기 쉽습니다.

Javascript 루프문 정리(6) forEach문

 

7. map() 메서드:

배열 요소를 반복하며 각 요소에 대해 지정된 콜백 함수를 실행하고, 그 결과를 새로운 배열에 담아 반환합니다.

반복문과 배열 변환을 동시에 처리할 때 유용합니다.

Javascript 루프문 정리(7) map문

 

8. filter() 메서드:

배열 요소를 반복하며 각 요소에 대해 지정된 콜백 함수를 실행하고, 그 결과가 참인 요소만 추출하여 새로운 배열에 담아 반환합니다.

반복문과 배열 필터링을 동시에 처리할 때 유용합니다.

Javascript 루프문 정리(8) filter문