반응형
6. 조건문과 반복문
조건문이란 무엇인가?
조건문은 특정 조건에 따라 다른 코드를 실행할 수 있도록 하는 문법 구조입니다. JavaScript에서는 if
, else if
, else
, switch
조건문을 사용할 수 있습니다.
if, else if, else 문
1. if 문
조건이 참인 경우에만 코드를 실행합니다.
let age = 18;
if (age >= 18) {
console.log("성인입니다.");
}
2. else 문
if
문의 조건이 거짓인 경우에 실행할 코드를 지정합니다.
let age = 16;
if (age >= 18) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}
3. else if 문
여러 조건을 검사할 때 사용합니다.
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("F학점");
}
switch 문
switch
문은 여러 값 중 하나와 일치하는 경우를 처리할 때 사용됩니다.
let day = 3;
let dayName;
switch (day) {
case 1:
dayName = "월요일";
break;
case 2:
dayName = "화요일";
break;
case 3:
dayName = "수요일";
break;
case 4:
dayName = "목요일";
break;
case 5:
dayName = "금요일";
break;
case 6:
dayName = "토요일";
break;
case 7:
dayName = "일요일";
break;
default:
dayName = "유효하지 않은 요일";
}
console.log(dayName); // 출력: 수요일
반복문이란 무엇인가?
반복문은 특정 코드를 여러 번 실행할 수 있도록 하는 문법 구조입니다. JavaScript에서는 for
, while
, do...while
반복문을 사용할 수 있습니다.
for 문
for
문은 고정된 횟수만큼 코드를 반복 실행할 때 사용합니다.
for (let i = 0; i < 5; i++) {
console.log("안녕하세요 " + i + "번");
}
// 출력: 안녕하세요 0번
// 안녕하세요 1번
// 안녕하세요 2번
// 안녕하세요 3번
// 안녕하세요 4번
while 문
while
문은 조건이 참인 동안 코드를 반복 실행합니다.
let count = 0;
while (count < 5) {
console.log("카운트: " + count);
count++;
}
// 출력: 카운트: 0
// 카운트: 1
// 카운트: 2
// 카운트: 3
// 카운트: 4
do...while 문
do...while
문은 조건이 참인지 검사하기 전에 코드를 한 번 실행합니다.
let count = 0;
do {
console.log("카운트: " + count);
count++;
} while (count < 5);
// 출력: 카운트: 0
// 카운트: 1
// 카운트: 2
// 카운트: 3
// 카운트: 4
break와 continue
1. break
break
문은 반복문을 종료합니다.
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}
// 출력: 0 1 2 3 4
2. continue
continue
문은 현재 반복을 종료하고 다음 반복으로 넘어갑니다.
for (let i = 0; i < 10; i++) {
if (i % 2 === 0) {
continue;
}
console.log(i);
}
// 출력: 1 3 5 7 9
결론
JavaScript의 조건문과 반복문을 이해하고 활용하면 프로그램의 흐름을 제어할 수 있습니다. 조건문은 특정 조건에 따라 다른 코드를 실행할 수 있게 하고, 반복문은 특정 작업을 여러 번 수행할 수 있게 합니다.
다음 글에서는 DOM 조작 기초에 대해 알아보겠습니다. 다음 글에서 만나요!
반응형
'JavaScript 기초 시리즈' 카테고리의 다른 글
[JavaScript 기초 시리즈] 7일차: JavaScript로 DOM 조작하기 (0) | 2024.08.07 |
---|---|
[JavaScript 기초 시리즈] 5일차: JavaScript 객체와 배열에 대해 알아보자 (0) | 2024.08.05 |
[JavaScript 기초 시리즈] 4일차: JavaScript 함수와 스코프에 대해 알아보자 (1) | 2024.08.04 |
[JavaScript 기초 시리즈] 3일차: JavaScript 연산자와 표현식에 대해 알아보자 (1) | 2024.08.03 |
[JavaScript 기초 시리즈] 2일차: JavaScript 변수와 자료형에 대해 알아보자 (0) | 2024.08.02 |