JavaScript Array findIndex()

정의와 사용법

findIndex() 메서드는 테스트를 통과한 첫 번째 배열 요소의 인덱스를 반환합니다（함수로 제공됩니다）。

findIndex() 메서드는 배열에 존재하는 각 요소에 대해 함수를 한 번 실행합니다：

  • findIndex() 함수가 true 값을 반환하는 배열 요소를 찾으면, 그 배열 요소의 인덱스를 반환합니다（그 다음 값을 확인하지 않습니다）
  • 그렇지 않으면 -1을 반환합니다

주석:findIndex() 값이 없는 배열 요소에 대한 함수를 실행하지 않습니다。

주석:findIndex() 원래 배열을 변경하지 않습니다。

실例

예제 1

배열에서 첫 번째 값이 18이거나 더 큰 요소의 인덱스를 얻습니다：

var ages = [3, 10, 18, 20];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}

亲自试一试

例子 2

获取数组中第一个值高于特定数字的元素的索引：

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p>Any ages above: <span id="demo"></span></p>
<script>
var ages = [4, 12, 16, 20];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
</script>

亲自试一试

语法

array.findIndex(function(currentValue, index, arr), thisValue)

参数值

参数 描述
function(currentValue, index, arr) 必需。为数组中的每个元素运行的函数。

函数参数：

参数 描述
currentValue 必需。当前元素的值。
index 可选。当前元素的数组索引。
arr 可选。当前元素所属的数组对象
thisValue

可选。要传递给函数以用作其 "this" 值的值。

如果此参数为空，则值 "undefined" 将作为其 "this" 值传递。

技术细节

返回值： 如果数组中的任何元素通过测试，则返回数组元素索引，否则返回 -1。
JavaScript 版本： ECMAScript 6

浏览器支持

표中的数字注明了完全支持该方法的首个浏览器版本。

크롬 에지 파이어폭스 사파리 오페라
크롬 45 에지 12 파이어폭스 25 사파리 7.1 오페라 32
2015년 9월 2015년 7월 2014년 7월 2014년 9월 2015년 9월

주석:인터넷 익스플로어가 지원하지 않습니다 findIndex() 메서드.

관련 페이지

강의:JavaScript 배열

강의:JavaScript 배열 Const

강의:JavaScript 배열 메서드

강의:JavaScript 배열 정렬

강의:JavaScript 배열 반복