JS chapter04 데이터 제어하기
안녕하세요. 오늘은 데이터를 제어하는 다양한 방법에 대해 간단히 설명하겠습니다.
아래는 어떤 제어문이 있으며 사용하는 예제를 간단하게 적어보았습니다.
01. if문
설명: if문은 조건식의 평가 결과에 따라 특정 코드 블록을 실행하거나 실행하지 않습니다. 조건식이 참(true)이면 if문 안의 코드 블록이 실행되고, 거짓(false)이면 실행되지 않습니다.
구조:
1
2
3
if (조건식) {
// 조건식이 참일 때 실행할 코드
}
예제:
1
2
3
4
5
let age = 20;
if (age >= 18) {
console.log("성인입니다.");
}
출력 결과:
1
성인입니다.
02. 다중 if문
설명: 다중 if문은 여러 개의 조건을 순차적으로 검사하여 해당하는 조건이 맞는 경우에만 특정 코드 블록을 실행합니다. 첫 번째 조건부터 순서대로 검사하며, 해당하는 조건이 발견되면 그에 맞는 코드 블록이 실행됩니다.
구조:
1
2
3
4
5
6
7
if (조건식1) {
// 조건식1이 참일 때 실행할 코드
} else if (조건식2) {
// 조건식2가 참일 때 실행할 코드
} else {
// 모든 조건식이 거짓일 때 실행할 코드
}
예제:
1
2
3
4
5
6
7
8
9
10
11
let score = 85;
if (score >= 90) {
console.log("A 학점");
} else if (score >= 80) {
console.log("B 학점");
} else if (score >= 70) {
console.log("C 학점");
} else {
console.log("D 학점");
}
출력 결과:
1
B 학점
03. 중첩 if문
설명: 중첩 if문은 if문 안에 다시 if문을 사용하여 복잡한 조건을 처리할 수 있습니다. 외부 if문의 조건이 참일 때 내부 if문을 평가하고 실행됩니다.
구조:
1
2
3
4
5
if (외부조건식) {
if (내부조건식) {
// 외부조건식과 내부조건식 모두 참일 때 실행할 코드
}
}
예제:
1
2
3
4
5
6
7
8
9
let num = 10;
if (num > 0) {
if (num % 2 === 0) {
console.log("양수이면서 짝수입니다.");
} else {
console.log("양수이면서 홀수입니다.");
}
}
출력 결과:
1
양수이면서 짝수입니다.
04. if문 생략 & 삼항 연산자
설명: if문을 간결하게 표현하는 방법으로, 조건에 따라 다른 값을 반환하는 삼항 연산자를 사용할 수 있습니다.
구조:
1
조건식 ? 참일 때 반환할 값 또는 코드 : 거짓일 때 반환할 값 또는 코드
예제:
1
2
3
let isLoggedIn = true;
let greeting = isLoggedIn ? "환영합니다!" : "로그인이 필요합니다.";
console.log(greeting);
출력 결과:
1
환영합니다!
05. switch문
설명: switch문은 다양한 경우(case)에 따라 코드를 실행하는 제어 구조입니다. switch문의 식(expression)의 값과 일치하는 case문이 실행됩니다.
구조:
1
2
3
4
5
6
7
8
9
10
switch (식) {
case 값1:
// 값1과 일치할 때 실행할 코드
break;
case 값2:
// 값2와 일치할 때 실행할 코드
break;
default:
// 모든 case에 일치하지 않을 때 실행할 코드 (선택적)
}
예제:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
let fruit = "사과";
switch (fruit) {
case "사과":
console.log("사과를 선택했습니다.");
break;
case "바나나":
console.log("바나나를 선택했습니다
.");
break;
default:
console.log("다른 과일을 선택했습니다.");
}
출력 결과:
1
사과를 선택했습니다.
06. while문
설명: while문은 조건식이 참일 때 코드 블록을 반복적으로 실행하는 반복 구조입니다. 조건식이 거짓이 될 때까지 반복됩니다.
구조:
1
2
3
while (조건식) {
// 조건식이 참일 때 실행할 코드
}
예제:
1
2
3
4
5
6
let count = 0;
while (count < 5) {
console.log(count);
count++;
}
출력 결과:
1
2
3
4
5
0
1
2
3
4
07. do while문
설명: do while문은 먼저 코드 블록을 실행한 후에 조건식을 평가하는 반복 구조입니다. 조건식이 참일 경우 코드 블록을 계속해서 실행합니다.
구조:
1
2
3
do {
// 실행할 코드
} while (조건식);
예제:
1
2
3
4
5
6
let num = 1;
do {
console.log(num);
num++;
} while (num <= 5);
출력 결과:
1
2
3
4
5
1
2
3
4
5
08. for문
설명: for문은 초기화식, 조건식, 증감식을 사용하여 특정 횟수만큼 코드를 반복 실행하는 반복 구조입니다.
구조:
1
2
3
for (초기화식; 조건식; 증감식) {
// 조건식이 참일 때 실행할 코드
}
예제:
1
2
3
for (let i = 0; i < 5; i++) {
console.log(i);
}
출력 결과:
1
2
3
4
5
0
1
2
3
4
09. 중첩 for문
설명: 중첩 for문은 for문 안에 또 다른 for문을 사용하여 다차원 데이터를 처리하거나 다양한 패턴의 반복을 구현하는 반복 구조입니다.
구조:
1
2
3
4
5
for (let i = 0; i < 횟수1; i++) {
for (let j = 0; j < 횟수2; j++) {
// 내부 반복 실행할 코드
}
}
예제:
1
2
3
4
5
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
console.log(`i: ${i}, j: ${j}`);
}
}
출력 결과:
1
2
3
4
5
6
7
8
9
i: 0, j: 0
i: 0, j: 1
i: 0, j: 2
i: 1, j: 0
i: 1, j: 1
i: 1, j: 2
i: 2, j: 0
i: 2, j: 1
i: 2, j: 2
10. break문
설명: break문은 반복문(for문, while문, do while문)을 중단하고 반복을 빠져나가는 제어 구조입니다.
예제:
1
2
3
4
5
6
for (let i = 0; i < 5; i++) {
if (i === 3) {
break;
}
console.log(i);
}
출력 결과:
1
2
3
0
1
2
11. continue문
설명: continue문은 반복문 내에서 현재 반복을 중지하고 다음 반복을 시작하는 제어 구조입니다.
예제:
1
2
3
4
5
6
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log(i);
}
출력 결과:
1
2
3
4
0
1
3
4
이렇게 각 제어문과 반복문에 대해 자세한 설명과 함께 예제와 출력 결과를 제공해드렸습니다. 오늘도 필자의 부족한 글을 읽어주셔서 감사합니다.