JavaScript Array findLast()メソッド
JavaScript Array オブジェクト例
値が18より大きい最後の要素の値を見つける：
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.findLast(checkAge);
}
出力結果：
2
試してみる »
定義と使用法
findLast() メソッドは、条件を満たす最後の要素の値を返します。
findLast() メソッドは、配列の各要素に対して関数を実行します。
条件に一致する要素が見つからない場合、findLast() メソッドは undefined を返します。
空の配列要素に対して、findLast() メソッドは関数を実行しません。
findLast() メソッドは元の配列を変更しません。
配列検索メソッド:
| メソッド | 説明 |
|---|---|
indexOf() | 指定された値を持つ最初の要素のインデックスを見つける |
lastIndexOf() | 指定された値を持つ最後の要素のインデックスを見つける |
find() | テストに合格した最初の要素の値を見つける |
findIndex() | テストに合格した最初の要素のインデックスを見つける |
findLast() | テストに合格した最後の要素の値を見つける |
findLastIndex() | テストに合格した最後の要素のインデックスを見つける |
ブラウザサポート
findLast() は ES2023 の機能です。
2023年7月以降、すべての最新ブラウザがこの機能をサポートしています：
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| Feb 2023 | Feb 2023 | Jul 2023 | Mar 2023 | May 2023 |
構文
array.findLast(function(currentValue, index, arr), thisValue)
パラメータ
| パラメータ | 説明 |
|---|---|
| function | 必須。各配列要素に対して実行される関数。 |
| currentValue | 必須。現在の要素の値。 |
| index | 省略可能。現在の要素のインデックス。 |
| arr | 省略可能。現在の要素が含まれる配列。 |
| thisValue | 省略可能、デフォルトは undefined。関数の this 値として渡されます。 |
戻り値
| 型 | 説明 |
|---|---|
| 值 | 条件を満たす最後の要素の値。見つからない場合は undefined を返します。 |
値が指定された数値より大きい最後の要素の値を見つける：
例
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">試す</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.findLast(checkAge);
}
<button onclick="myFunction()">試す</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.findLast(checkAge);
}
試してみる »
その他の拡張