반응형
이번 3일차에서는 자바스크립트의 조건문과 반복문을 배우게 됩니다. 조건문을 사용하면 프로그램에서 특정 조건을 만족할 때 실행할 코드를 제어할 수 있으며, 반복문을 사용하면 특정 작업을 반복해서 실행할 수 있습니다. 두 개념은 자바스크립트에서 매우 중요하며, 프로그램의 흐름을 제어하는 데 유용하게 사용됩니다.
조건문
조건문은 주어진 조건이 참인지 거짓인지에 따라 프로그램의 흐름을 제어하는 역할을 합니다. 자주 사용되는 조건문에는 if
, else
, else if
와 switch
문이 있습니다.
if
문:- 주어진 조건이
true
일 경우에만 코드 블록을 실행합니다.let age = 18; if (age >= 18) { console.log("성인입니다."); }
- 주어진 조건이
else
문:if
조건이false
일 경우 실행됩니다.let age = 16; if (age >= 18) { console.log("성인입니다."); } else { console.log("미성년자입니다."); }
else if
문:- 여러 조건을 검사할 때 사용합니다. 첫 번째 조건이
false
일 경우 두 번째 조건을 검사합니다.let age = 20; if (age < 18) { console.log("미성년자입니다."); } else if (age >= 18 && age < 65) { console.log("성인입니다."); } else { console.log("노인입니다."); }
- 여러 조건을 검사할 때 사용합니다. 첫 번째 조건이
switch
문:- 주어진 값에 따라 여러 가지 조건을 처리할 때 사용합니다.
if-else
문을 대체할 수 있습니다.let day = 2; switch (day) { case 1: console.log("월요일"); break; case 2: console.log("화요일"); break; case 3: console.log("수요일"); break; default: console.log("주말입니다."); }
- 주어진 값에 따라 여러 가지 조건을 처리할 때 사용합니다.
반복문
반복문은 특정 조건이 참인 동안 계속해서 코드를 반복적으로 실행할 수 있게 해줍니다. 자바스크립트에서 자주 사용하는 반복문에는 for
, while
, do...while
문이 있습니다.
for
문:- 반복 횟수가 정해져 있을 때 사용합니다.
for
문은 반복 횟수, 조건, 증가/감소식을 포함한 문법을 가집니다.for (let i = 1; i <= 5; i++) { console.log(i); // 1, 2, 3, 4, 5 출력 }
- 반복 횟수가 정해져 있을 때 사용합니다.
while
문:- 반복 조건이 참일 동안 계속해서 실행됩니다. 반복 횟수가 정해지지 않은 경우에 사용합니다.
let i = 1; while (i <= 5) { console.log(i); // 1, 2, 3, 4, 5 출력 i++; }
- 반복 조건이 참일 동안 계속해서 실행됩니다. 반복 횟수가 정해지지 않은 경우에 사용합니다.
do...while
문:do...while
문은 조건이false
일지라도 코드 블록을 최소 한 번 실행합니다. 주로 조건을 먼저 확인하지 않고 실행할 때 사용됩니다.let i = 1; do { console.log(i); // 1, 2, 3, 4, 5 출력 i++; } while (i <= 5);
break
문:- 반복문을 중지시키는 데 사용됩니다.
for (let i = 1; i <= 5; i++) { if (i === 3) { break; // i가 3이면 반복문을 종료합니다. } console.log(i); // 1, 2 출력 }
- 반복문을 중지시키는 데 사용됩니다.
continue
문:- 현재 반복을 건너뛰고 다음 반복으로 넘어가게 합니다.
for (let i = 1; i <= 5; i++) { if (i === 3) { continue; // i가 3이면 이번 반복을 건너뛰고 다음 반복으로 넘어갑니다. } console.log(i); // 1, 2, 4, 5 출력 }
- 현재 반복을 건너뛰고 다음 반복으로 넘어가게 합니다.
실습
사용자 입력에 따라 결과를 출력하는 조건문 실습:
- 사용자가 입력한 나이에 따라 성인인지 미성년자인지 출력하는 조건문을 작성합니다.
let age = prompt("나이를 입력하세요: "); age = Number(age); // 사용자 입력값은 문자열이므로 숫자로 변환 if (age >= 18) { console.log("성인입니다."); } else { console.log("미성년자입니다."); }
반복문을 사용하여 1부터 10까지 숫자 출력하기:
for
문을 사용하여 1부터 10까지의 숫자를 출력합니다.
for (let i = 1; i <= 10; i++) { console.log(i); // 1, 2, 3, ..., 10 출력 }
정리
오늘 3일차에서는 자바스크립트의 조건문과 반복문을 배웠습니다. 조건문을 통해 프로그램의 흐름을 제어하고, 반복문을 통해 특정 작업을 반복 실행할 수 있게 됩니다. 이를 통해 보다 동적인 웹 애플리케이션을 만들 수 있습니다. 실습을 통해 사용자 입력을 처리하고, 반복문을 이용해 여러 값을 출력하는 방법을 익혔습니다.
반응형
'개발 > Javascript' 카테고리의 다른 글
자바스크립트에서 null과 undefined의 차이점 완벽 분석 (0) | 2025.01.31 |
---|---|
4일차: 함수와 스코프 (0) | 2025.01.30 |
2일차: 데이터 타입과 연산자 (1) | 2025.01.28 |
1일차: 자바스크립트 기본 개념과 변수 (0) | 2025.01.27 |
jQuery의 .load() 메서드로 동적 콘텐츠 로드하기: 예제와 활용 가이드 (0) | 2025.01.23 |