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);
}
Share article