자바스크립트 find 메서드: 배열에서 특정 값 찾기

Photo of author

By tutor

자바스크립트 find 메서드: 배열에서 특정 값 찾기

자바스크립트 find 메서드: 배열에서 특정 값 찾기

 

자바스크립트 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