Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Array::Array.prototype.findLastインスタンスメソッドの使い方

Array.prototype.findLast()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Array.prototype.findLast()メソッドは、JavaScriptのArrayオブジェクトのインスタンスメソッドであり、配列の末尾から前方に向かって要素を検索し、指定されたテスト関数がtrueを返す最初の要素の値を返すメソッドです。

このメソッドは、引数としてコールバック関数を受け取ります。コールバック関数は、配列内の各要素に対して一度ずつ実行され、要素が指定された条件を満たすかどうかをテストします。コールバック関数は、現在の要素の値、現在の要素のインデックス、およびfindLast()が呼び出された元の配列自身という3つの引数を受け取ることができます。

検索は配列の最後の要素から始まり、テスト関数がtrueを返す要素が見つかった時点で処理を終了し、その要素の値を戻り値として返します。もし配列のすべての要素に対してテスト関数がfalseを返し、条件を満たす要素が一つも見つからなかった場合は、undefinedが戻り値として返されます。

Array.prototype.findLast()は、元の配列を変更しない非破壊的な操作です。これにより、元のデータ構造を保ちながら、配列の末尾から特定の条件に合致する要素を効率的に検索し、取得することが可能になります。例えば、複数のデータの中から最新の情報や最後に登録された特定のアイテムを探し出すようなシナリオで役立ちます。

公式リファレンス: Array.prototype.findLast()

構文(syntax)

1const array = [5, 12, 8, 130, 44];
2const foundElement = array.findLast((element, index, array) => element > 10);

引数(parameters)

callbackFn, thisArg

  • callbackFn: (element, index, array) => boolean: 配列の各要素に対して実行されるコールバック関数。要素が条件を満たす場合はtrueを返し、それ以外の場合はfalseを返します。
  • thisArg: any: callbackFn を実行する際に this として使用される値。

戻り値(return)

Arrayの要素の型 | undefined

指定された条件に合致する、Array.prototype.findLast() の戻り値の説明を生成します。

配列の要素のうち、コールバック関数で指定された条件を最初に満たした要素を返します。条件を満たす要素が見つからなかった場合は undefined を返します。

関連コンテンツ

関連プログラミング言語