[JS] some()과 reduce()에 대해~

🔹 some() 메서드란?

📌 배열의 요소 중 하나라도 조건을 만족하면 true 반환
📌 모든 요소가 조건을 만족하지 않으면 false 반환
📌 filter()나 map()보다 빠르게 검사 가능 (하나만 찾으면 바로 종료됨)

---

✅ some() 기본 사용법

let numbers = [10, 20, 30, 40, 50];

let hasBigNumber = numbers.some(num => num > 30);
console.log(hasBigNumber); // true (40과 50이 있음)

let hasNegative = numbers.some(num => num < 0);
console.log(hasNegative); // false (음수가 없음)

 

✅ some()을 사용한 유효성 검사

아래 코드에서 some()을 사용해 입력값이 100을 초과하거나 잘못된 값인지 확인했어요.

let scores = [90, 105, 80]; 

if (scores.some(score => isNaN(score) || score < 0 || score > 100)) {
    console.log('❌ 올바른 점수를 입력하세요!');
} else {
    console.log('✅ 입력된 점수는 정상입니다.');
}

 

🔍 동작 방식

 

• some()이 scores 배열을 돌면서 score > 100 또는 score < 0 또는 isNaN(score) 조건을 검사
• 105가 score > 100을 만족하므로 즉시 true 반환 후 종료
• "❌ 올바른 점수를 입력하세요!" 출력

---

🎯 some() vs every() 차이

 

 

• some() → 하나라도 조건을 만족하면 true
• every() → 모든 요소가 조건을 만족해야 true

let scores = [90, 80, 70];

console.log(scores.some(score => score > 100));  // false (100 초과 없음)
console.log(scores.every(score => score < 100)); // true (모든 값이 100 미만)

 

 

🔥 some()을 써야 하는 경우

✅ 배열에 특정 조건을 만족하는 요소가 있는지 빠르게 검사할 때
✅ 모든 요소를 검사할 필요 없이 하나라도 발견되면 바로 멈출 때
✅ 유효성 검사(숫자 체크, 범위 체크, 중복 체크) 등에 활용할 때

 

---

🔹 reduce()란?

📌 배열의 모든 요소를 하나의 값으로 줄이는(reduce) 메서드
📌 누적(accumulator) 값과 현재(current) 값을 이용하여 연산
📌 합계, 평균, 최대값, 최소값, 객체 변환 등 다양한 작업 가능

 

✅ reduce() 기본 사용법

let numbers = [10, 20, 30, 40];

let sum = numbers.reduce((acc, cur) => acc + cur, 0);

console.log(sum); // 100

 

🔍 동작 방식 (reduce() 내부 실행 과정)

Iteration	acc (누적값)	cur (현재값)	연산 결과
초기값	0	10	0 + 10 = 10
1번째	10	20	10 + 20 = 30
2번째	30	30	30 + 30 = 60
3번째	60	40	60 + 40 = 100

📌 reduce((acc, cur) => acc + cur, 0)

 

• acc → 누적 값 (이전 연산 결과)
• cur → 현재 배열 요소
• 0 → 초기값 (생략하면 배열의 첫 번째 요소가 초기값)

🎯 reduce()를 활용한 다양한 예제

1️⃣ 배열 요소 합 구하기

let numbers = [5, 10, 15];

let total = numbers.reduce((acc, cur) => acc + cur, 0);
console.log(total); // 30

---

2️⃣ 배열 요소 평균 구하기

let scores = [80, 90, 100];

let average = scores.reduce((acc, cur) => acc + cur, 0) / scores.length;
console.log(average); // 90

---

3️⃣ 최대값 & 최소값 구하기

let numbers = [25, 78, 3, 99, 50];

let max = numbers.reduce((acc, cur) => (acc > cur ? acc : cur), numbers[0]);
console.log(max); // 99

let min = numbers.reduce((acc, cur) => (acc < cur ? acc : cur), numbers[0]);
console.log(min); // 3

---

4️⃣ 배열 요소 개수 세기 (객체 변환)

let fruits = ['🍎', '🍌', '🍎', '🍇', '🍎', '🍌'];

let count = fruits.reduce((acc, cur) => {
    acc[cur] = (acc[cur] || 0) + 1; // 현재 과일 개수 카운트
    return acc;
}, {});

console.log(count); // { '🍎': 3, '🍌': 2, '🍇': 1 }

*** 이거 코드가 어려우니 좀 더... 상세히 풀어보자!

1. 배열을 reduce()로 순회하면서 개수 저장

let count = fruits.reduce((acc, cur) => { ... }, {});

 

• acc → 누적 객체 (과일 개수를 저장할 객체)
• cur → 현재 순회 중인 과일 (🍎, 🍌, 등)
• {} → 초기값으로 빈 객체 {} 사용 (결과를 저장할 공간)

 

2. 각 과일 개수 세기

acc[cur] = (acc[cur] || 0) + 1;

이 부분이 핵심입니다! 💡

• acc[cur] → 현재 과일(cur)의 개수를 acc에서 가져옴
  • 만약 첫 등장이라면 acc[cur]이 undefined
  • undefined || 0 → 0으로 설정 (초기값을 0으로 설정)
• (acc[cur] || 0) + 1 → 기존 개수에서 +1 증가
• acc[cur] = ... → 증가된 개수를 다시 객체에 저장

🔎 예제로 풀어보기

| cur 값 | 기존 acc[cur] 값 | (acc[cur] || 0) + 1 | 최종 acc 객체 | |----------|-------------------|---------------------|------------------| | 🍎 | undefined (없음) | 0 + 1 = 1 | { '🍎': 1 } | | 🍌 | undefined (없음) | 0 + 1 = 1 | { '🍎': 1, '🍌': 1 } | | 🍎 | 1 (이미 있음) | 1 + 1 = 2 | { '🍎': 2, '🍌': 1 } | | 🍇 | undefined (없음) | 0 + 1 = 1 | { '🍎': 2, '🍌': 1, '🍇': 1 } | | 🍎 | 2 (이미 있음) | 2 + 1 = 3 | { '🍎': 3, '🍌': 1, '🍇': 1 } | | 🍌 | 1 (이미 있음) | 1 + 1 = 2 | { '🍎': 3, '🍌': 2, '🍇': 1 } |

 

3. 결과 출력

console.log(count); 
// { '🍎': 3, '🍌': 2, '🍇': 1 }

→ 각 과일이 몇 번 나왔는지 개수를 세서 객체로 변환 완료! 🎯

✨ 최종 정리

✔ reduce()를 사용하여 배열을 객체로 변환
✔ (acc[cur] || 0) + 1 을 사용해 현재 값이 없으면 0으로 설정 후 1 증가
✔ 객체 {}를 초기값으로 설정하고 cur을 키(key)로 사용

---

5️⃣ 객체 배열의 합 구하기

let items = [
    { name: "사과", price: 1000 },
    { name: "바나나", price: 1500 },
    { name: "포도", price: 2000 }
];

let totalPrice = items.reduce((acc, cur) => acc + cur.price, 0);
console.log(totalPrice); // 4500

---

🔥 reduce() vs forEach() vs map() 차이

메서드	목적	반환값	특징
forEach()	단순 반복 실행	없음 (undefined)	break 불가능
map()	배열 변환	새로운 배열	원본 배열 유지
reduce()	값 축소	최종 결과값	누적 연산 가능

---

🚀 정리

 

• reduce()는 배열을 하나의 값으로 줄이는 메서드
• 합계, 평균, 최대/최소값, 개수 세기, 객체 변환 등 활용 가능
• 누적값(acc)과 현재값(cur)을 이용한 계산 구조
• reduce()를 사용하면 for문보다 더 간결한 코드 작성 가능!

 

*위 포스팅은 챗GPT 기반으로 작성되었습니다!