filter와 find는 자바스크립트에서 배열을 다룰 때 유용하게 사용되는 메서드입니다. 둘 다 주어진 조건에 맞는 요소를 찾거나 필터링하는 역할을 합니다.
const users = [
{ name: "Alice", age: 25 },
{ name: "Bob", age: 30 },
{ name: "Charlie", age: 35 }
];
filter 메서드
filter 메서드는 배열에서 주어진 조건에 맞는 요소들만 추출하여 새로운 배열을 만들어 반환합니다. filter 메서드는 콜백 함수를 인자로 받습니다. 콜백 함수는 배열의 각 요소를 인자로 받으며, true를 반환하는 요소만 추출됩니다.
const constusers = users
.filter((item) => item.name === "Alice")
[ { name: "Alice", age: 25 } ]
find 메서드
find 메서드는 배열에서 주어진 조건에 맞는 첫 번째 요소를 반환합니다. find 메서드 역시 콜백 함수를 인자로 받습니다. 콜백 함수는 배열의 각 요소를 인자로 받으며, true를 반환하는 첫 번째 요소만 반환됩니다.
const constusers = users
.find((item) => item.name === "Alice")
{ name: "Alice", age: 25 }