IT/HTML,CSS,JavaScript

[JavaScript] 자바스크립트 기초 복습 part4

j8970 2025. 3. 20. 21:15

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 배열 요소 반복

비슷한 문법! 🚀