array.findIndex(function(currentValue, index, arr), thisValue)
===== Parameters =====
^ Parameters ^ Description ^
| function() | 필수. 배열의 각 요소에 대해 실행될 함수 |
| currentValue | 필수. 현재 요소의 값 |
| index | 선택. 현재 요소의 인덱스 |
| arr | 선택. 현재 요소의 배열 |
| thisValue | 선택. 기본설정은 **''undefined''*\\ this값으로 함수에 전달되는 값 |
\\
===== Return Value =====
^ Type ^ Description ^
| A number | 테스트를 통과한 첫 번째 요소의 인덱스\\ 그렇지 않은 경우 -1 |
\\
===== 예제 =====
예제1\\
findIndex()
JavaScript Arrays
findIndex()
findIndex() returns the index of the first element that passes a test (provided by a function).
findIndex() is not supported in Internet Explorer 11 (or earlier).
\\
예제2\\
findIndex() Example
JavaScript
findIndex() Method
Click "Test" to return the index of the first array element that has a value above this number:
findIndex() is not supported in Internet Explorer 11 (or earlier).
\\
예제3\\
const numbers = [4, 12, 16, 20];
let isLargeThan18 = numbers.find(function(element) {
return element > 18;
});
console.log(`numbers 배열에서 18보다 큰 숫자는 ${isLargeThan18} 입니다.`);
// numbers 배열에서 18보다 큰 숫자는 20 입니다.
let isLargeThan18ArrowFunction = numbers.find((element) => element > 18);
console.log(`numbers 배열에서 18보다 큰 숫자는 ${isLargeThan18ArrowFunction} 입니다.`);
// numbers 배열에서 18보다 큰 숫자는 20 입니다.
let index = numbers.findIndex((element) => element > 18);
console.log(`numbers 배열에서 18보다 큰 숫자 요소의 인텍스는 ${index} 입니다.`);
// numbers 배열에서 18보다 큰 숫자 요소의 인텍스는 3 입니다.
\\
예제4\\
let ranks = [1, 5, 7, 8, 10, 7];
let index = ranks.findIndex(rank => rank === 7);
// ranks 배열에서 숫자 7이 처음 나타나는 인덱스를 반환
console.log(index); // 2
\\
let ranks = [1, 5, 7, 8, 10, 7];
let index = ranks.findIndex(
(rank, index) => rank === 7 && index > 2
// ranks 배열에서 인덱스 2 이후에 숫자 7이 처음 나타나는 인덱스를 반환
);
console.log(index); // 5
\\
const products = [
{name: 'Phone', price: 999}
, {name: 'Computer', price: 1999}
, {name: 'Tablet', price: 995}
];
const index = products.findIndex(product => product.price > 1000);
// 가격이 1000보다 큰 첫 번째 product의 인덱스를 반환
console.log(index); // 1
===== Ref Link ====
[[https://www.w3schools.com/jsref/jsref_findindex.asp|JavaScript Array findIndex()]]\\
[[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex|Array.prototype.findIndex()]]\\
[[https://www.javascripttutorial.net/es6/javascript-array-findindex/|JavaScript Array findIndex() Method]]\\
{{tag>오션 Javascript_Array_findIndex() findIndex() findIndex}}