ES6의 Array.findIndex()

Es6ui Array Findindex



JavaScript에는 다양한 목적으로 사용되는 다양한 메서드가 있습니다. 예를 들어, ' 배열.슬라이스() ”는 새로운 배열에서 배열의 데이터 조각을 정의하는 데 사용됩니다. “ 배열.팝() ”를 활용하여 불필요한 배열 요소를 제거하고 새로운 배열을 반환합니다. 그러나, 그 ' Array.findIndex() ”는 지정된 조건을 충족하는 초기 배열 요소의 인덱스를 반환하기 위해 호출됩니다.

이 게시물에서는 ES6의 Array.findIndex() 메서드에 대해 설명합니다.

ES6에서 Array.findIndex()는 무엇입니까?

Array.findIndex()는 ES6에 도입된 JavaScript 메서드입니다. 명시된 조건에 따라 기대치를 충족하는 초기 배열 요소의 인덱스를 반환하는 데 사용됩니다. 원래 배열에는 영향을 주지 않습니다. 반면에 배열에 요소가 없으면 음수 형식으로 값을 반환합니다. 그러나 이 메서드는 값이 없으면 배열 요소에 대한 함수를 실행할 수 없습니다.







ES6에서 Array.findIndex() 메서드를 사용하는 방법은 무엇입니까?

ES6에서 array.findIndex()를 사용하려면 제공된 구문을 사용해 보십시오.



정렬. 인덱스 찾기 ( 기능 ( 현재값, 인덱스, 도착 ) , 이 값 )

여기:



  • 현재 값 ”는 배열에서 찾을 값을 결정합니다.
  • 색인 ”는 배열 인덱스를 결정하는 데 사용됩니다.
  • ”는 배열을 정의하는 데 사용됩니다.
  • 이값 ”는 함수의 “ 이것 ' 값.

예제 1: 숫자 값과 함께 Array.findIndex() 활용

숫자 값과 함께 array.findIndex()를 활용하려면 다음 지침을 따르십시오.





  • 특정 이름으로 상수를 선언 및 초기화하고 배열에 숫자 형식으로 값을 할당합니다.
  • 다음으로 ' 찾기인덱스() ” 지정된 매개변수에 따라 색인을 찾는 방법:
const 나이 = [ 4 , 9 , 22 , 25 ] ;

나이. 인덱스 찾기 ( 체크 나이 ) ;

다음으로 ' 체크에이지() ” 기능을 추가하고 “ 반품 ” 조건의 출력을 반환하는 문:

기능 점검 ( 나이 ) {

반품 나이 > 22 ;

}

함수가 ' '는 '보다 큰 값을 나타냅니다. 22 ”가 어레이의 세 번째 인덱스에서 발견되었습니다.



예제 2: 텍스트 값과 함께 Array.findIndex() 활용

array.findIndex() ” 메서드는 배열의 텍스트 값과 함께 사용할 수도 있습니다. 이렇게 하려면 특정 이름으로 상수를 정의하고 배열에 값을 할당합니다.

const 국가 = [ '영국' , '싱가포르' , '캐나다' , '인도' ]

다음으로 '라는 이름으로 함수를 정의합니다. getCountry() '. 그런 다음 ' 반품 ” 값으로 국가를 출력하는 문 캐나다 ”:

함수 getCountry ( 국가 ) {

반품 국가 === '캐나다' ;

}

마지막으로 ' 콘솔.로그() ” 메서드를 사용하여 콘솔에 출력을 표시합니다. 이렇게 하려면 findIndex() 메서드를 호출하고 ' getCountry ” 매개변수로:

콘솔. 통나무 ( 국가. 인덱스 찾기 ( getCountry ) )

ES6에서 array.findIndex() 메서드를 사용하는 것이 전부입니다.

결론

Array.findIndex()는 ES6에 도입된 JavaScript 메서드입니다. 명시된 조건에 따라 true로 평가되는 초기 배열 요소의 인덱스를 반환하는 데 사용됩니다. 이 메서드를 호출하여 배열에서 숫자 및 텍스트 데이터 세트의 인덱스 값을 찾을 수도 있습니다. 이 자습서에서는 Array.findIndex() JavaScript 메서드의 사용법을 보여 주었습니다.