JavaScript Array findLast()

定義と使用方法

findLast() テストを通過した最後の要素の値を返します。

findLast() メソッドは配列の各要素に対して関数を実行します。

要素が見つからない場合、findLast() メソッドはundefinedを返します。

findLast() メソッドは空の配列の要素に対して関数を実行しません。

findLast() メソッドは元の配列を変更しません。

配列検索メソッド：

例

例 1

18より大きい最後の値を持つ要素を検索します：

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

自分で試してみる

例 2

指定数字より大きい最後の値を持つ要素を検索します：

<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</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);
}
</script>

自分で試してみる

構文

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

引数

返り値

ブラウザのサポート

findLast() ES2023 の機能です。

2023 年 7 月から、すべての現代ブラウザがこのメソッドをサポートしています：