0Pricing
JavaScript Academy · 강의

reduce, some/every, find — 간단한 패턴

합계에는 reduce를, 불리언 확인에는 some/every를, 첫 번째 일치 항목을 찾을 때는 find를 사용하는 방법을 배웁니다.

reduce, some/every, find — 간단한 패턴은(는) CoddyKit의 무료 JavaScript Academy 강의입니다. 이것은 2개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 JavaScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. JavaScript Academy 강의에는 총 2개의 강의가 포함되어 있습니다.

reduce와 관련 기능 소개

목표: reduce로 여러 값을 하나로 만들고, some/every로 배열을 검사하며, find로 첫 번째 일치 항목을 가져옵니다.

  • reduce: 합계
  • some/every: 빠른 검사
  • find: 첫 번째 일치 항목
reduce, some/every, find — 간단한 패턴 — 일러스트레이션 1

reduce로 합계 구하기

reduce는 콜백과 초기값을 받습니다. 각 단계에서 다음 누적값을 반환하십시오.

// reduce: sum numbers with an initial value
const prices = [4, 6, 3];

const total = prices.reduce(function (acc, n) {
  // Add current number to the accumulator
  return acc + n;
}, 0);

console.log("Total:", total);
reduce, some/every, find — 간단한 패턴 — 일러스트레이션 2

reduce로 최솟값 구하기

누적값을 각 값과 비교하면 min 또는 max를 계산할 수 있습니다.

// reduce: smallest number
const nums = [7, 2, 9, 4];

const min = nums.reduce(function (acc, n) {
  // Keep the smaller of acc or n
  return n < acc ? n : acc;
}, Infinity);

console.log("Min:", min);
reduce, some/every, find — 간단한 패턴 — 일러스트레이션 3

some 기초

항목이 하나라도 검사를 통과하면 some은 참을 반환합니다.

// some: is there any even number?
const list = [1, 5, 8, 11];

const hasEven = list.some(function (n) {
  return n % 2 === 0;
});

console.log("Has even?", hasEven);
reduce, some/every, find — 간단한 패턴 — 일러스트레이션 4

every 기초

모든 항목이 검사를 통과할 때만 every는 참을 반환합니다.

// every: are all ages 18+ ?
const ages = [22, 19, 31];

const allAdults = ages.every(function (a) {
  return a >= 18;
});

console.log("All adults?", allAdults);
reduce, some/every, find — 간단한 패턴 — 일러스트레이션 5

find 기초

find는 검사와 일치하는 첫 번째 항목을 반환하며, 일치하는 항목이 없으면 정의되지 않은 값을 반환합니다.

// find: get the first matching value (or undefined)
const users = [
  { name: "Ayla", active: true },
  { name: "Mina", active: false },
  { name: "Lena", active: true }
];

const firstInactive = users.find(function (u) {
  return u.active === false;
});

console.log("First inactive:", firstInactive);
reduce, some/every, find — 간단한 패턴 — 일러스트레이션 6

reduce 개념 퀴즈

빠른 확인: 누적값을 사용하는 방식입니다.

reduce, some/every, find — 간단한 패턴 — 일러스트레이션 7

복습

복습: 합계나 최솟값·최댓값에는 reduce를, “어느 하나라도?”를 확인할 때는 some을, “모두?”를 확인할 때는 every를, 첫 번째 일치 항목을 가져올 때는 find를 사용합니다.

reduce, some/every, find — 간단한 패턴 — 일러스트레이션 8

자주 묻는 질문

“reduce, some/every, find — 간단한 패턴” 강의는 무료인가요?

네 — “reduce, some/every, find — 간단한 패턴” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 JavaScript Academy 강의 전체를 잠금 해제할 수 있습니다. JavaScript Academy 강의에는 총 2개의 강의가 포함되어 있습니다.

“reduce, some/every, find — 간단한 패턴”에서 뭘 배우나요?

합계에는 reduce를, 불리언 확인에는 some/every를, 첫 번째 일치 항목을 찾을 때는 find를 사용하는 방법을 배웁니다. 브라우저에서 직접 실행하는 실습 코드로 JavaScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

JavaScript Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 JavaScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 2개 중 2번째 강의입니다.

“reduce, some/every, find — 간단한 패턴” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 JavaScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 JavaScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. map과 filter — 핵심 기초
  2. reduce, some/every, find — 간단한 패턴
← JavaScript Academy(으)로 돌아가기