JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのTypedArray.find()関数とは？使い方と実行例を解説

find()はTypedArray（型付き配列）が持つメソッドの一つで、引数としてコールバック関数（テスト用の関数）を受け取ります。このコールバック関数を使って配列内の各要素を先頭から順番にテストし、条件を満たした最初の要素を返します。どの要素も条件を満たさなかった場合には、undefinedが返されます。

構文

typedArray.find(callbackFn)

コールバック関数には、次の3つの引数が渡されます。

  • element：現在処理中の要素
  • index：現在処理中の要素のインデックス
  • array：呼び出し元の型付き配列

使用例

次の例では、Int32Arrayの中から「35より大きい値」を持つ最初の要素を検索しています。

<html>
<head>
    <title>JavaScript TypedArray find メソッド</title>
</head>
<body>
    <script type="text/javascript">
        var int32View = new Int32Array([21, 19, 65, 21, 14, 66, 87, 55]);
        document.write("型付き配列の内容: " + int32View);
        document.write("<br>");
        function testResult(element, index, array) {
            var ele = element > 35;
            return ele;
        }
        result = int32View.find(testResult);
        document.write("結果: " + result);
    </script>
</body>
</html>

実行結果

型付き配列の内容: 21,19,65,21,14,66,87,55
結果: 65

この例では、配列を先頭から順に調べ、条件（35より大きい）を満たした最初の要素である「65」が返されています。

該当する要素が存在しない場合

配列内に条件を満たす要素が一つも存在しない場合、find()はundefinedを返します。次の例では、「100より大きい値」を検索していますが、該当する要素がありません。

<html>
<head>
    <title>JavaScript TypedArray find メソッド</title>
</head>
<body>
    <script type="text/javascript">
        var int32View = new Int32Array([21, 19, 65, 21, 14, 66, 87, 55]);
        document.write("型付き配列の内容: " + int32View);
        document.write("<br>");
        function testResult(element, index, array) {
            var ele = element > 100;
            return ele;
        }
        result = int32View.find(testResult);
        document.write("結果: " + result);
    </script>
</body>
</html>

実行結果

型付き配列の内容: 21,19,65,21,14,66,87,55
結果: undefined

このように、find()は条件に合致する要素が見つかった時点で探索を終了してその要素を返し、見つからなければundefinedを返します。特定の条件に一致する最初の要素だけが必要な場合に便利なメソッドです。


  1. JavaScriptのArray.of()関数とは？構文と使い方を実例付きで解説

    JavaScript の Array.of() メソッドは、引数として渡された値を要素とする新しい配列インスタンスを作成するためのメソッドです。この記事では、Array.of() の基本構文と、実際に動作するサンプルコードを使った使い方をわかりやすく解説します。 Array.of() メソッドの特徴 Array.of() は、0 個以上の任意の値を引数として受け取り、それらをそのまま要素に含んだ配列を返します。Array() コンストラクタとの大きな違いは、数値を 1 つだけ渡した場合の挙動です。 Array(5) → 長さ 5 の空の配列を作成する Array.of(5) → 要素として

  2. JavaScriptのarray.includes()メソッドとは？配列に特定の要素が含まれているか判定する方法

    JavaScriptのarray.includes()メソッドは、配列の中に指定した要素が含まれているかどうかを判定するために使用します。戻り値はブール値（true / false）で、要素が見つかればtrue、見つからなければfalseを返します。 構文 array.includes(ele, start) 各パラメータの意味は以下のとおりです。 ele：検索したい要素（必須） start：検索を開始する位置（省略可能）。デフォルトは0で、配列の先頭から検索が始まります それでは、JavaScriptでarray.includes()メソッドを実際に実装してみましょう。 例1：数値の配列