find()와 filter()의 차이

공통점

둘 다 배열에서 특정 조건을 만족하는 요소를 찾는 데 사용.

차이점

동작 방식과 반환 값이 다름

find() 메서드

• 목적
  배열에서 조건을 만족하는 첫 번째 요소를 반환
• 반환 값
  조건을 만족하는 첫 번째 요소 반환
  조건을 만족하는 요소가 없을 경우 undefined를 반환

const numbers = [1, 2, 3, 4, 5];
const result = numbers.find(num => num > 3);
console.log(result);  // 4 (첫 번째로 조건을 만족하는 요소)

filter() 메서드

• 목적
  배열에서 조건을 만족하는 모든 요소들을 새로운 배열로 반환
• 반환 값
  조건을 만족하는 요소들로 구성된 새로운 배열을 반환
  조건을 만족하는 요소가 없을 경우 빈 배열을 반환

const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter(num => num > 3);
console.log(result);  // [4, 5] (조건을 만족하는 모든 요소)