8. 조건문과 반복문

Jan 13, 2026

Contents

1. 조건문(Conditional Statements)1️⃣ 조건문이란?2️⃣ 조건문의 종류 3️⃣ 조건식에서 자주 쓰는 비교 연산자 4️⃣ 실습 2. 반복문(loops)1️⃣ 반복문이란?2️⃣ 자바스크립트 반복문의 종류 3️⃣ 반복문 중단/스킵 4️⃣ 실습

1. 조건문(Conditional Statements)

1️⃣ 조건문이란?

조건문은 조건(참/거짓)에 따라 코드 실행 흐름을 바꾸는 문법입니다.

“이럴 때는 이렇게 하고, 아니면 저렇게 해!”

2️⃣ 조건문의 종류

1) if 문

가장 기본적인 조건문


if (조건) {
  실행코드;
}

예)


let age = 20;
if (age >= 18) {
  console.log("성인입니다");
}

2) if - else 문

조건이 참이면 if, 거짓이면 else


if (조건) {
  실행코드;
} else {
  다른코드;
}

3) if - else if - else

여러 조건 중 하나만 실행


if (score >= 90) {
  console.log("A");
} else if (score >= 80) {
  console.log("B");
} else {
  console.log("C 이하");
}

4) switch 문

조건이 여러 값 중 하나일 때 깔끔


let fruit = "banana";

switch (fruit) {
  case "apple":
    console.log("사과");
    break;
  case "banana":
    console.log("바나나");
    break;
  default:
    console.log("모르는 과일");
}

📌 break를 안 쓰면 내려가면서 다음 case도 실행됨 (fall-through)

5) 삼항 연산자 (ternary)

간단한 if 문을 한 줄로


조건 ? 참일 때 : 거짓일 때

예)


let msg = age >= 18 ? "성인" : "미성년자";

3️⃣ 조건식에서 자주 쓰는 비교 연산자

연산자	의미
`>`	크다
`<`	작다
`>=`	크거나 같다
`<=`	작거나 같다
`==`	값만 같다 (`2 == "2"` → true)
`===`	값 + 타입 모두 같다 (추천!)
`!=`	다르다
`!==`	값이나 타입이 다르면 true

👉 가능하면 ===와 !== 사용 권장!

4️⃣ 실습


// 조건문
let n1 = 10;

if(n1 == 10) {
    console.log("10입니다.");
} else {
    console.log("10이 아닙니다.");
}

2. 반복문(loops)

1️⃣ 반복문이란?

코드를 여러 번 반복 실행할 때 사용하는 문법

2️⃣ 자바스크립트 반복문의 종류

1) for 문 (가장 기본)


for (초기값; 조건; 증감) {
  반복 코드;
}

예)


for (let i = 0; i < 5; i++) {
  console.log(i);
}

실행 흐름

① 초기값 실행

② 조건 검사 true

③ 코드 실행

④ 증감

⑤ 다시 조건 검사

2) while 문

조건이 참인 동안 계속 반복


while (조건) {
  반복 코드;
}

예)


let n = 3;
while (n > 0) {
  console.log(n);
  n--;
}

3) do...while 문

코드를 최소 1번은 실행


do {
  실행코드;
} while (조건);

예)


let n = 0;
do {
  console.log("한 번은 실행!");
  n++;
} while (n < 0);

4) for...of 문

배열의 값을 하나씩 순회


const nums = [10, 20, 30];
for (let n of nums) {
  console.log(n);
}

5) for...in 문

객체의 key(속성 이름)를 순회


const user = { id: 1, name: "홍길동" };
for (let key in user) {
  console.log(key, user[key]);
}

⚠️ 배열에 for...in 사용은 권장하지 않음

(순서 보장 안 되고 상속 속성까지 탐색)

6) 배열 반복 메서드

🔹 forEach


[1,2,3].forEach(n => console.log(n));

→ break 사용 불가

🔹 map


let doubled = [1,2,3].map(n => n*2);

→ 변환된 새 배열 리턴

🔹 filter


let evens = [1,2,3,4].filter(n => n % 2 === 0);

🔹 reduce


let sum = [1,2,3].reduce((acc, cur) => acc + cur, 0);

➡ 배열에는 이 함수들이 더 깔끔하고 안전한 경우가 많음

3️⃣ 반복문 중단/스킵

키워드	의미
`break`	반복을 완전히 멈춤
`continue`	이번 반복만 건너뛰고 다음 반복 진행


for (let i = 0; i < 5; i++) {
  if (i === 2) continue;
  console.log(i);
}

4️⃣ 실습

1) 기본 for문


let list = [1,2,3,4];

// 기본 for문
for (let i = 0; i < 4; i++) {
    console.log(list[i]);
}

2) forof문 (for each문)


// for each문 = for of
for (let i of list) {
    console.log(i);
}

Contents