filter 와 find 차이점

• filter() 함수는 특정 조건에 맞는 값들을 모두 걸러준다.
• find() 함수는 특정 조건에 맞는 값이 나오는 첫번째 요소 값만 걸러내준다.

filter() 구성

arr.filter(callback(element[, index[, array]])[, thisArg])

filter()사용 예시

const arr1 = [10, 20, 30, 40, 50];

//값이 30 이상인 값 구하기
const result1 = arr1.filter(item => item>30);
console.log(result1); // [40, 50]

//값이 40 인 값 구하기
const result2 = arr1.filter(item => item === 40);
console.log(result2); // [40]

//값이 30 이 아닌 값들 구하기
const result3 = arr1.filter(item => item !== 30);
console.log(result3); // [10, 20, 40, 50]

• 특정 조건에 맞는 모든 값을 변수에 담는다.

 

find() 구성

arr.find(callback[, thisArg])

find() 사용 예시와 filter()와 비교해 보기

const arr2 = [10, 20, 30, 40, 50];

//30 이상인 값 - find() 사용
const result4 = arr2.find(item => item>30);
console.log(result4); // 40 

//30 이상인 값 - filter() 사용
const result5 = arr2.filter(item => item>30);
console.log(result5); // [40, 50]

• find는 특정 조건이 맞으면 true 함수가 종료된다.

 

 

 

참고 사이트

자바스크립트 filter, find 차이