자바스크립트 배열에서 findIndex 메서드를 사용하면 검색된 값의 인덱스 위치를 구할 수 있다. find 메서드가 검색된 값을 출력하는 것과 차이가 있다. 둘 다 조건식을 사용하여 값을 추출하는 것을 상기하자. 만약 배열의 중복된 값이 있다면 첫번째로 검색된 값을 리턴한다.
자바스크립트 배열 findIndex 메서드 사용
배열의 검색된 첫번째 값 인덱스 찾기
findIndex 메서드를 사용하면 자바스크립트 배열에서 찾고자 하는 값의 인덱스 위치를 구할 수 있다.
find 메서드는 찾고자 하는 값의 첫번째로 검색된 값을 찾는 것과는 차이가 있다.
사용법은 findIndex 와 find 메서드 둘 다 같다.
기본적으로 제공되는 인자값은 value, index, array 자체 값이다.
findIndex 메서드
자바스크립트 배열에서 findIndex 메서드를 사용하면 검색하고자 하는 값의 인덱스를 구할 수 있다.
배열에 중복된 값이 있다면 첫번째로 검색된 값의 인덱스 위치를 구하게 된다.
사용법은 find 메서드와 같다.
기본적으로 제공되는 인자값을 활용할 수 있다.
let vValue = vArray.findIndex(fnCallbackFindIndex);
function fnCallbackFindIndex(value, index, array) {
return 조건;
}샘플코드
위의 사용법을 가지고 자바스크립트 예제를 만들어 본다.
findIndex 메서드를 사용은 find 메서드와 같다.
기본적인 인자값은 3가지로 value, index, array 를 제공한다.
<!DOCTYPE html>
<html>
<body>
<script>
let vArray;
let vFind;
console.log('----------');
vArray = [1, 10, 100, 1000, 10000];
console.log(vArray);
console.log('----------');
let vFindIndex = vArray.findIndex(fnCallbackFindIndex);
function fnCallbackFindIndex(value, index, array) {
return value > 10;
}
console.log(vFindIndex);
console.log('----------');
</script>
</body>
</html>위의 코든느 배열에서 10 이상인 값이 있다면 검색된 값의 인덱스 위치를 출력하고 있다.
조건에 맞는 값은 100이다.
배열의 인덱스는 0에서 시작하기 때문에 인덱스는 2가 출력된다.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 배열 Array.keys() 메서드 사용 (0) | 2022.02.04 |
|---|---|
| 자바스크립트 반복 Array.from 메서드 사용 배열 객체들 표시하기 (0) | 2022.02.03 |
| 자바스크립트 배열 find 메서드 사용 배열의 검색된 첫번째 값 찾기 (0) | 2022.01.29 |
| 자바스크립트 lastIndexOf 메서드 사용 뒤에서 부터 배열의 요소 값 찾기 (0) | 2022.01.28 |
| 자바스크립트 indexOf 메서드 사용 배열의 요소 값 찾기 (0) | 2022.01.27 |
댓글