본문 바로가기
JavaScript 기초 시리즈

[JavaScript 기초 시리즈] 6일차: JavaScript 조건문과 반복문에 대해 알아보자

by cogito21_js 2024. 8. 6.
반응형

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 조작 기초에 대해 알아보겠습니다. 다음 글에서 만나요!

반응형