[Javascript] 조건을 만족하는 첫 번째 요소 인덱스 찾기 - Array.findIndex()

Array.findIndex() 메서드는 특정 조건을 만족하는 첫 번째 요소의 인덱스를 반환하는 유용한 메서드입니다.

이 글에서는 Array.findIndex() 메서드의 사용법, 활용 예제, 그리고 이 메서드를 사용할 때 주의할 점에 대해 자세히 살펴보겠습니다.

 

 

Array.findIndex() 메서드란?

Array.findIndex() 메서드는 배열에서 주어진 판별 함수를 만족하는 첫 번째 요소의 인덱스를 반환합니다.

만약 배열 내에 판별 함수를 만족하는 요소가 없다면 -1을 반환합니다. 이 메서드는 배열의 요소를 순차적으로 검사하며, 조건을 만족하는 첫 번째 요소를 찾으면 즉시 탐색을 중단합니다.

 

 

기본 구문

Array.findIndex() 메서드의 기본 구문은 다음과 같습니다.

array.findIndex(callback(element[, index[, array]])[, thisArg])

• callback: 각 요소에 대해 호출할 함수. 이 함수는 다음 세 가지 인수를 받습니다.
  • element: 배열의 현재 요소
  • index (선택적): 배열의 현재 요소의 인덱스
  • array (선택적): findIndex()를 호출한 배열
• thisArg (선택적): callback 함수 내부에서 this로 사용할 값

 

 

단순한 조건으로 요소 찾기

다음 예제는 배열에서 음수인 요소의 인덱스를 찾습니다.

See the Pen Array.findIndex() -1 by saladent (@saladent) on CodePen.

음수인 요소의 결과가 없으므로 -1을 반환합니다.

 

 

복잡한 조건으로 요소 찾기

다음 예제는 객체 배열에서 특정 조건을 만족하는 객체의 인덱스를 찾습니다.

See the Pen Array.findIndex() -2 by saladent (@saladent) on CodePen.

 

 

thisArg 사용하기

다음 예제는 thisArg를 사용하여 조건을 만족하는 요소의 인덱스를 찾습니다.

See the Pen Array.findIndex() -3 by saladent (@saladent) on CodePen.

 

 

활용 사례

1. 특정 조건을 만족하는 첫 번째 요소 찾기: 배열 내에서 특정 조건을 만족하는 첫 번째 요소를 찾아 그 위치를 반환할 수 있습니다.
2. 데이터 검증: 배열에 특정 조건을 만족하는 요소가 존재하는지 확인할 때 사용할 수 있습니다.
3. 배열 수정: 특정 조건을 만족하는 요소를 찾아 배열을 수정할 수 있습니다.