한 입 크기로 잘라먹는 리액트Table Of Contents
프로그래밍에서 동일하거나 유사한 동작이 반복해서 나올 때는 반복문(loop)을 사용합니다. 반복문 역시 조건문처럼 프로그래밍의 가장 기초적인 문법 중 하나입니다.
반복문의 유용성과 for문
예를 들어 1부터 100까지 콘솔에 출력한다고 가정해 봅시다. 반복문을 쓰지 않는다면 어떻게 프로그래밍해야 할까요? 1부터 100까지 콘솔에 출력하기 위해서는 console.log를 100번 작성해야 할 겁니다.
코드를 불러오는 중 입니다 ...반복문을 사용하면 100줄의 코드를 다음과 같이 단 3줄로 구현할 수 있습니다.
코드를 불러오는 중 입니다 ...100줄의 코드를 무려 3줄로 줄여 간결하게 작성했습니다.
자바스크립트의 반복문에는 for 문, while 문, do while 문 등이 있습니다. 이 책에서는 가장 널리 사용하는 for 문을 중점적으로 살펴봅니다. 자바스크립트의 for문은 C, 자바, 파이썬 등 대다수 프로그래밍 언어가 사용하는 문법과 크게 다르지 않습니다.
다음은 for 문의 기본 사용법입니다.
코드를 불러오는 중 입니다 ...for 문은 조건식과 일치하지 않을 때까지 반복하면서 중괄호에 있는 명령을 수행합니다.
for 문은 지금까지 살펴본 문법 가운데 구성 요소가 가장 많습니다. 다음 코드에서 for 문을 구성하는 요소의 목적과 역할을 자세히 알아보겠습니다.
코드를 불러오는 중 입니다 ...① 반복문에 사용할 변수를 초기화하는 식입니다. 초기식은 처음에 한 번만 수행합니다. 초기식에서 선언한 변수는 반복할 때마다 ③의 증감식으로 값이 변동되기 때문에 카운터 변수라고도 합니다. 카운터 변수는 보통 하나를 선언하지만 둘 이상의 카운터 변수가 필요할 경우에는 콤마(,)를 이용 해 구분합니다. 카운터 변수는 반복문 외부에서는 사용할 수 없습니다. ② 조건식은 언제까지 반복할 것인지 정의하는 식입니다. 반복할 때마다 조건을 검사하여 조건이 참 이면 반복을 계속하고 거짓이면 반복을 멈춥니다. 조건식 idx <= 100;은 초기식에서 선언한 카 운터 변수 idx가 100을 초과하면 반복을 종료하겠다는 뜻입니다. ③ 증감식은 반복할 때마다 카운터 변수를 증가 또는 감소하는 식입니다. 이 코드처럼 증감 연산자인 ++과 --를 주로 사용하는데, 가끔은 복합 대입 연산자를 쓰기도 합니다. 증감식 idx++은 반복할 때마다 변수 idx의 값을 1씩 증가합니다. ④ 반복 수행의 대상이 되는 명령은 반복할 때마다 실행됩니다. 중괄호 블록 안에서는 초기식에서 정 의한 카운터 변수를 사용할 수 있습니다. 이 명령은 카운터 변수 1이 101이 될 때까지 모두 100번 에 걸쳐 반복 실행합니다.
반복문 강제 종료하기, 건너뛰기
break 문을 사용하면 조건식에서 정의한 반복문의 종료 조건과 상관없이 반복을 강제로 종료할 수 있습니다.
코드를 불러오는 중 입니다 ...① 반복문 내부에 작성한 조건식(10보다 클 때)을 만족하면 콘솔에 “반복문 종료!”를 출력합니다. 계속해서 break 문을 실행하면서 반복을 즉시 종료합니다.
결괏값을 보면 for 문 안에 작성한 if 문의 조건이 10보다 클 때 반복을 종료하므로 1부터 10까지 숫자만 출력하고 있습니다.
continue 문은 break 문과 유사하게 동작하지만, 반복을 멈추는 대신 다음 반복과정으로 건너뜁니다. 다음은 continue 문을 이용해 1부터 10까지의 숫자 중 홀수만 출력하는 예입니다.
코드를 불러오는 중 입니다 ...① 변수 idx를 2로 나누어 나머지가 0이라는 것은 idx의 값이 짝수라는 뜻입니다. if 문에서 idx가 짝수면 continue 문을 만나게 됩니다. continue 문을 만나면 다음 명령 console.log(idx)를 실행하는 대신 다음 반복 과정으로 바로 건너뛰게 됩니다.
결과적으로 이 코드는 idx가 홀수일 때만 console.log(idx) 명령을 실행하게 됩니다.