귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

Studying/JavaScript

자주 쓰이는 JavaScript 조건 & 배열 메소드 정리

creamymood 2025. 3. 23. 23:20

짝수 표현

num => num % 2 === 0

🔹 % (나머지 연산자)란?

%는 **나머지 연산자(modulus operator)**라고 해.
어떤 숫자를 2로 나눈 나머지가 0이면 짝수, 1이면 홀수야.

 

🔹 어떻게 동작하는지 예제

숫자(num) num % 2 (2로 나눈 나머지) 짝수/홀수 판별
1 1 % 2 = 1 홀수 ❌
2 2 % 2 = 0 짝수 ✅
3 3 % 2 = 1 홀수 ❌
4 4 % 2 = 0 짝수 ✅
5 5 % 2 = 1 홀수 ❌

 

즉, 2로 나눴을 때 나머지가 0이면 짝수라는 뜻!

예를 들어, filter()에서 사용하면?

const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // [2, 4, 6]  -> 짝수만 필터링!

✅ 자주 쓰이는 유용한 표현들 정리! 🚀

🔹 1. 짝수 & 홀수 판별

num % 2 === 0  // 짝수
num % 2 !== 0  // 홀수

 

🔹 2. 양수, 음수, 0 판별

num > 0  // 양수
num < 0  // 음수
num === 0  // 0인지 확인

 

🔹 3. 삼항 연산자 (if문 대체)

const result = num > 0 ? "양수" : "음수 또는 0";

👉 if-else를 짧게 쓸 수 있어!

 

🔹 4. 특정 값 포함 여부 (includes)

const fruits = ["apple", "banana", "cherry"];
console.log(fruits.includes("banana")); // true

👉 배열에 특정 값이 있는지 확인하는 유용한 방법!

 

🔹 5. || (or)로 기본값 설정

const name = userName || "Guest";

👉 userName이 null이거나 undefined면 "Guest"로 대체

 

🔹 6. && (and)로 조건부 실행

isLoggedIn && showDashboard();

👉 isLoggedIn이 true일 때만 showDashboard() 실행

 

🔹 7. 배열 길이가 0인지 확인 (빈 배열 체크)

if (array.length === 0) console.log("배열이 비어 있음!");

 

 

🔹 8. filter()로 특정 조건 걸러내기

const adults = users.filter(user => user.age >= 18);

👉 age가 18 이상인 사용자만 걸러내기

 

 

🔹 9. map()으로 배열 값 변환

const prices = [100, 200, 300];
const discountPrices = prices.map(price => price * 0.9);

 

👉 가격을 10% 할인한 새 배열 만들기

 

 

🔹 10. reduce()로 합계 구하기

const total = prices.reduce((sum, price) => sum + price, 0);
console.log(total);

👉 모든 요소의 합 구하기