JavaScriptでfind()メソッドに似たカスタム関数を作成する方法

ここでは、studentId（学生ID）と studentName（学生名）のレコードを格納した配列を例に、特定の学生名が存在するかどうかをチェックする方法を解説します。

const studentDetails = [
    {
        studentId: 101,
        studentName: "John"
    },
    {
        studentId: 102,
        studentName: "David"
    },
    {
        studentId: 103,
        studentName: "Carol"
    }
]

JavaScriptには、配列の中から条件に合う最初の要素を取得する find() メソッドが標準で用意されていますが、同様の処理は forループとフラグ変数を組み合わせることで、自分でも実装できます。ここでは、指定した名前で学生を検索するカスタム関数を作成してみましょう。

カスタム関数の実装例

以下が、名前を指定して学生を検索するカスタム関数のコードです。

function findByName(name) {
    var flag = true;
    for (var i = 0; i < studentDetails.length; i++) {
        if (studentDetails[i].studentName == name) {
            flag = true;
            break;
        } else {
            flag = false;
        }
    }
    if (flag == true) {
        console.log("The name found=" + name);
    } else {
        console.log("The name not found=" + name);
    }
}
findByName("David");

この関数の処理の流れは次のとおりです。

• 配列 studentDetails を先頭から順にループで走査します。
• studentName が引数で渡された名前と一致した場合はフラグを true にし、break でループを終了します。
• 最後にフラグの値に応じて、名前が見つかったかどうかをコンソールに出力します。

プログラムの実行方法

上記のプログラムを実行するには、Node.jsで次のコマンドを使用します。ここでは、ファイル名を demo106.js として保存しています。

node demo106.js

実行結果

このプログラムを実行すると、次のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo106.js
The name found=David

「David」は配列内に存在するため、「The name found=David」と表示されます。存在しない名前を指定した場合は「The name not found=（指定した名前）」と出力されます。

補足：find()メソッドを使った簡潔な書き方

なお、モダンなJavaScriptでは find() メソッドを使うことで、同じ処理をより簡潔に記述できます。

const result = studentDetails.find(student => student.studentName === "David");
console.log(result); // { studentId: 102, studentName: "David" }

条件に合う要素が見つからない場合、find() は undefined を返します。用途に応じて、カスタム関数と標準メソッドを使い分けるとよいでしょう。