자바스크립트 find 메서드: 배열에서 특정 값 찾기
자바스크립트에서 배열을 다룰 때, 특정 값을 찾고 싶을 때가 있습니다. 이때 사용하는 메서드 중 하나가 find
메서드입니다. 이번 글에서는 find
메서드가 어떤 것인지, 어떻게 사용하는지 알아보겠습니다.
find
메서드란?
find
메서드는 배열에서 주어진 콜백함수의 조건에 맞는 첫 번째 값을 찾아서 반환해주는 메서드입니다.
const numbers = [1, 2, 3, 4, 5];
const result = numbers.find(function(number) {
return number % 2 === 0;
});
console.log(result);
// 2
위의 코드에서, numbers
라는 배열에서 첫 번째 짝수 값을 찾아서 result
변수에 할당합니다. 콜백함수에서는 각 요소가 짝수인지 검사하게 됩니다. 2
는 첫 번째 짝수 값이기 때문에 결과값으로 반환됩니다.
Arrow function으로 사용하기
find
메서드를 사용할 때, Arrow function으로 간결하게 사용할 수도 있습니다.
const numbers = [1, 2, 3, 4, 5];
const result = numbers.find(number => number % 2 === 0);
console.log(result);
// 2
위의 코드와 같이, 콜백함수를 Arrow function으로 표현하면 더 간단하게 작성할 수 있습니다.
관련 주요 메서드: filter
find
메서드와 비슷한 메서드로 filter
메서드가 있습니다. filter
메서드는 조건에 맞는 모든 값을 배열로 반환합니다.
const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter(number => number % 2 === 0);
console.log(result);
// [2, 4]
위의 코드에서, filter
메서드를 사용해서 numbers
배열에서 모든 짝수 값을 찾아서 새로운 배열로 반환합니다.
결론
find
메서드는 배열에서 특정 값을 찾는 데 유용한 메서드입니다. Arrow function을 이용해서 더 간결하게 작성할 수 있습니다. filter
메서드와 함께 사용하면 더욱 유용하게 배열을 다룰 수 있습니다.
Keywords: 자바스크립트 find, 배열 메서드, 콜백함수, Arrow function, filter