例
18以上の値を持つ配列の最初の要素のインデックスを取得します。
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}結果は次のようになります。
2 »それを自分で試してみてください 詳細以下の例「自分にそれを試してみてください」。
定義と使用法
findIndex()メソッドは、（機能として提供される）試験に合格配列の最初の要素のインデックスを返します。
findIndex()メソッドは、配列内に存在する各要素に対して一度関数を実行します。
- それは関数が値trueを返す配列要素を見つけた場合、findIndex（）はその配列要素のインデックスを返します（と残りの値をチェックしません）
- それ以外の場合はundefinedを返します
注：findIndexは（）の値なし配列の要素のための機能を実行しません。
注：findIndex（）は元の配列を変更することはありません。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| findIndex() | 45.0 | 12.0 | 25.0 | 7.1 | 32.0 |
構文
array.findIndex( function(currentValue,index,arr),thisValue )パラメーター値
| Parameter | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| function(currentValue, index,arr) | Required. A function to be run for each element in the array. Function arguments:
|
||||||||
| thisValue | Optional. A value to be passed to the function to be used as
its "this" value. If this parameter is empty, the value "undefined" will be passed as its "this" value |
技術的詳細
| 戻り値： | 配列内の要素のいずれかがテストに合格した場合、それ以外の場合はundefinedを返し、配列要素のインデックスを返します |
|---|---|
| JavaScriptのバージョン： | ECMAScriptの6 |
その他の例
例
特定の数以上の値を持つ配列の最初の要素のインデックスを取得します。
<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>
»それを自分で試してみてください 
JavaScriptのArrayリファレンス