JavaScript 제어문 (Control Statements)
✅ 제어문은 조건을 검증하여 코드 실행 흐름을 제어하는 역할
✅ 조건문(Conditional Statements)과 반복문(Loop Statements)으로 구분
📌 1. 조건문 (Conditional Statements)
✅ 조건이 참(true
)인지 거짓(false
)인지에 따라 코드 실행 결정
✅ 비교 연산자(>
, <
, ==
, ===
등)와 논리 연산자(&&
, ||
, !
)를 활용
🔹 1) if
문
if (조건식) {
// 조건이 참일 때 실행
}
let number = 10;
if (number > 0) {
console.log("양의 정수입니다.");
}
🔹 2) if...else
문
if (조건식) {
// 조건이 참일 때 실행
} else {
// 조건이 거짓일 때 실행
}
let age = 18;
if (age >= 20) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}
🔹 3) if...else if...else
문
✅ 여러 개의 조건을 평가하여 하나만 실행
if (조건1) {
// 조건1이 참이면 실행
} else if (조건2) {
// 조건1이 거짓이고, 조건2가 참이면 실행
} else {
// 모든 조건이 거짓이면 실행
}
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학점");
}
🔹 4) switch
문
✅ 하나의 표현식이 여러 값(case
) 중 하나와 일치하는 경우 실행
switch (표현식) {
case 값1:
실행문;
break;
case 값2:
실행문;
break;
default:
실행문;
}
let fruit = "apple";
switch (fruit) {
case "banana":
console.log("바나나입니다.");
break;
case "apple":
console.log("사과입니다.");
break;
case "mango":
console.log("망고입니다.");
break;
default:
console.log("알 수 없는 과일입니다.");
}
✔ break
를 사용하지 않으면 다음 case
도 실행됨
✔ default
는 모든 case
가 거짓일 때 실행 (선택적 사용 가능)
📌 2. 반복문 (Loops)
✅ 동일한 코드 블록을 여러 번 실행하는 구조
✅ 반복문을 사용하면 코드의 길이를 줄이고, 효율성을 높일 수 있음
🔹 1) for
반복문
✅ 초기화 → 조건 확인 → 실행 → 증감
순으로 실행
for (초기화식; 조건식; 증감식) {
// 조건이 참인 동안 실행
}
console.log("=== for 반복문 ===");
for (let i = 0; i < 5; i++) {
console.log(i);
}
💡 배열을 반복하면서 요소 출력하기
let fruits = ["apple", "banana", "mango"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
🔹 2) while
반복문
✅ 조건이 true
인 동안 반복 실행
while (조건식) {
// 조건이 참인 동안 실행
}
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
🔹 3) do...while
반복문
✅ do
블록이 최소 한 번 실행됨 (조건 검사 후 반복 결정)
do {
// 코드 실행
} while (조건식);
let j = 0;
do {
console.log(j);
j++;
} while (j < 5);
🔹 4) for...in
반복문
✅ 객체의 속성을 반복할 때 사용
let person = {
name: "홍길동",
age: 30,
job: "개발자"
};
for (let key in person) {
console.log(key + ": " + person[key]);
}
🔹 5) for...of
반복문
✅ 배열과 같은 iterable
객체를 반복할 때 사용
let numbers = [10, 20, 30, 40, 50];
for (let num of numbers) {
console.log(num);
}
📌 정리
조건문 | 설명 |
---|---|
if |
특정 조건이 참이면 실행 |
if...else |
조건에 따라 실행할 코드 결정 |
if...else if...else |
여러 개의 조건 처리 |
switch |
여러 경우를 비교하여 실행 |
반복문 | 설명 |
---|---|
for |
일정 횟수만큼 반복 |
while |
조건이 참일 동안 반복 |
do...while |
최소 한 번 실행 후 반복 조건 확인 |
for...in |
객체 속성 반복 |
for...of |
배열 요소 반복 |
✔ 비슷한 문법! 🚀
'IT > HTML,CSS,JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 기초 복습 part6 (0) | 2025.03.23 |
---|---|
[JavaScript] 자바스크립트 기초 복습 part5 (0) | 2025.03.22 |
[JavaScript] 자바스크립트 기초 복습 part3 (0) | 2025.03.19 |
[JavaScript] 자바스크립트 기초 복습 part2 (0) | 2025.03.18 |
[JavaScript] 자바스크립트 기초 복습 part1 (0) | 2025.03.17 |