Array.prototypeを拡張するカスタムfind関数の実装方法

課題

Arrayクラスのプロトタイプオブジェクト上に定義されるJavaScript関数を書く必要があります。この関数はコールバック関数を引数として受け取り、そのコールバックがtrueを返した最初の要素を返すものとします。

また、現在処理中の要素を第1引数、現在のインデックスを第2引数として、コールバック関数に渡す必要があります。

コード例

以下が実際のコードです。

const arr = [4, 67, 24, 87, 15, 78, 3];
Array.prototype.customFind = function(callback){
   for(let i = 0; i < this.length; i++){
      const el = this[i];
      if(callback(el, i)){
         return el;
      };
      continue;
   };
   return undefined;
};
console.log(arr.customFind(el => el % 5 === 0));

出力

コンソールには次のように表示されます。

15

解説

ここで定義したcustomFindメソッドは、配列を先頭から順番に走査し、各要素とそのインデックスをコールバック関数に渡します。コールバックがtrueを返した時点で、その要素を即座に返却します。配列の末尾まで走査しても条件に一致する要素が見つからなかった場合は、ネイティブのArray.prototype.findと同じようにundefinedを返します。

今回の例では、「5で割り切れる」という条件を満たす最初の要素である15が出力されます。なお、組み込みオブジェクトのプロトタイプを拡張すると、名前の衝突や予期しない動作の原因になる可能性があるため、実際のプロダクトで使う場合は注意が必要です。