✍️ Summary
| 유형 | 설명 | 구조 |
| 조건문 | 조건에 따라 다음 문장을 선택적으로 실행한다. |
if문 |
| if/else if/else문 | ||
| if/else문 | ||
| switch~case문 | ||
| 반복문 | 동일한 명령을 여러번 처리하거나 특정 연산을 반복적으로 처리한다. |
for문 |
| while문 | ||
| do~while문 | ||
| 보조 제어문 | 조건문을 만나면 건너뛰거나 반복수행을 종료한다. 반복문 내에서 사용한다. |
continue문 |
| break문 |
제어문
제어문은 특정 문장을 수행하거나 수행하지 않도록 선택하거나,
특정 문장을 여러 번 반복 수행하게 만드는 것입니다.
제어문의 종류에는 조건문, 반복문, 보조 제어문이 있습니다.
📝 제어문 종류
- 조건문 : if, switch
- 반복문 : for, while, do while
- 보조 제어문 : continue, break
조건문
조건 여부에 따라 제어 (if, else if, else / switch)
if문
- if문은 상황에 따라서 3가지로 나뉩니다.
- if문
- if/else if/else문
- if/else문
📝 if문 형태
- 표현식(조건)이 참일 경우 코드 실행
if (표현식) {
표현식의 결과가 참일 때 실행하고자 하는 실행문;
}📝 if/else if/else문 형태
- 표현식 a가이 참일 경우 A 코드 실행 / 표현식 b가 참일 경우 B 코드 실행 / 그 외 경우는 C 코드 실행
(else if는 여러번 사용 가능)
if (표현식1) {
표현식1의 결과가 참일 때 실행하고자 하는 실행문;
} else if (표현식2) {
표현식2의 결과가 참일 때 실행하고자 하는 실행문;
} else {
표현식1의 결과도 거짓이고, 표현식2의 결과도 거짓일 때 실행하고자 하는 실행문;
}
📝 if/else문 형태
- 표현식(조건)이 참일 경우 A 코드 실행, 그 외 경우는 B 코드 실행
if (표현식) {
표현식의 결과가 참일 때 실행하고자 하는 실행문;
} else {
표현식의 결과가 거짓일 때 실행하고자 하는 실행문;
}
switch문
- switch문은 if / else문과 마찬가지로 주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문
- case별로 분류해두어서 가독성이 좋다는 장점이 있습니다.
📝 switch문 형태
- default 절은 어떤 case 절에도 해당하지 않을 때 실행됩니다. (필요할 때만 선언)
- 각 case 절 및 default 절은 반드시 break 키워드를 포함하고 있어야 합니다.
break 키워드는 조건 값에 해당하는 case 절이나 default 절이 실행된 뒤에 전체 switch 문을 빠져나가게 해줍니다.
switch (조건 값) {
case 값1:
조건 값이 값1일 때 실행하고자 하는 실행문;
break;
case 값2:
조건 값이 값2일 때 실행하고자 하는 실행문;
break;
...
default:
조건 값이 어떠한 case 절에도 해당하지 않을 때 실행하고자 하는 실행문;
break;
}
반복문
특정 실행문을 여러 번 반복 실행 (for / while, do while)
for문
- for문은 초기값, 조건식, 증감식을 갖는 반복문입니다.
- for 문을 구성하는 초기값, 조건식, 증감식은 각각 생략될 수 있습니다.
또한, 쉼표 연산자(,)를 사용하면 여러 개의 초기식이나 증감식을 동시에 사용할 수도 있습니다.
📝 for문 형태
· 초기식 : 반복 변숫값을 초기화한다. for문이 처음 시작할 때 단 한 번만 실행된다.
· 조건식 : 블록 내 문장을 얼마나 반복할지 결정한다. 조건식이 참인 동안 반복한다.
· 증감식 : 초기식에서 초기화한 변수의 값을 증가 또는 감소시킨다.
for (초기값; 조건식; 증감식) {
표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}
사용예시
for (var i = 1; i < 10; i++) {
document.write(i + "<br>");
}
while문
- while문은 상황에 따라서 2가지로 나뉩니다.
- while문
- do / while문
📝 while문 형태
- while문은 특정 조건을 만족할 때 까지, 계속해서 주어진 실행문을 반복 실행합니다.
만약 조건을 만족 못하면 무한히 while문을 빠져나갈 수 없답니다.
그래서 항상 while문 안에 조건식을 변경해주는 코드를 넣어주는 방식으로 프로그램을 만들어줍니다.
while (표현식) {
표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}
사용예시
var i = 1;
while (i < 10) { // 변수 i가 10보다 작을 때만 while 문을 반복함.
document.write(i + "<br>"); // i를 웹페이지에 쓰고 줄 바꾸는 구문.
i++; // 반복할 때마다 변수 i를 1씩 증가시켜 변수 i가 10보다 커지면 반복문을 종료함.
}
📝 do / while문 형태
- do / while문은 가장 처음 do { } 안의 실행문을 1회 실행한 후, while문을 들어가는 반복문입니다.
그 외에는 while문과 같습니다.
- do~while문을 작성할 때는 끝에 세미콜론(;)을 꼭 써야 한다.
do {
표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
} while (표현식);
보조 제어문
continue : 다음 실행문을 건너뛰고 조건식, 증감식을 수행한다. (반복문에서만 사용)
break : 조건식과 상관없이 강제로 반복문을 종료
continue문
- continue는 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고,
바로 다음 조건식의 판단으로 넘어가게 합니다.
- 보통 반복문 내에서 특정 조건에 대한 처리를 제외하고자 할 때 자주 사용됩니다.
사용예시
for (var i = 1; i <= 10; i++) {
if (i % 2 == 0) // 2의 배수는 continue로 아래의 코드를 실행하지 않고 해당 for문의 다음 단계 실행
continue;
document.write(i + " "); // i를 출력하고 한 칸 띄우기
}
<결과>
1 3 5 7 9break문
- break는 루프 내에서 사용하여 해당 반복문을 즉시 종료시키고 다음 코드로 넘어갑니다.
즉, 루프 내에서 조건식의 판단 결과에 상관없이 반복문을 완전히 빠져나가고 싶을 때 사용합니다.
사용예시
for (var i = 1; i <= 10; i++) {
if (i == 3) // i가 3이면 for문 종료
break;
document.write(i + " "); // i를 출력하고 한 칸 띄우기
}
<결과>
1 2
