【JavaScript】値が（1始まりの）インデックスと一致する要素をすべて抽出する方法

本記事では、数値の配列を第一引数（かつ唯一の引数）として受け取るJavaScript関数の作成方法を解説します。

この関数は、元の配列をもとに新しい配列を構築して返します。新しい配列には、元の配列の中から「値が自分自身のインデックスと一致している」要素だけが含まれます。

ここでの重要なポイントは、インデックスの判定に従来の0始まり（0-based）ではなく、1始まり（1-based）のインデックスを使用することです。

要件の整理

入力配列が次の場合：

const arr = [45, 5, 2, 4, 6, 6, 6];

期待される出力は次のとおりです：

const output = [4, 6];

これは、4が4番目（1始まりカウント）の位置にあり、最初の6が6番目の位置にあるためです。それ以外の要素は、値と位置が一致していません。

実装コード

const arr = [45, 5, 2, 4, 6, 6, 6];
const pickSameElements = (arr = []) => {
   const res = [];
   const { length } = arr;
   for(let ind = 0; ind < length; ind++){
      const el = arr[ind];
      if(el - ind === 1){
         res.push(el);
    };
  };
  return res;
};
console.log(pickSameElements(arr));

コードの解説

このコードの動作は以下のとおりです。

• forループで配列を先頭から順番に走査します。
• 各要素 el に対して el - ind === 1 という条件で判定します。ind は0始まりのループ変数なので、この条件は「el === ind + 1」、つまり値が1始まりのインデックスと一致していることを意味します。
• 条件を満たした要素だけを結果配列 res に追加し、最後に返却します。

filterを使った別解

より簡潔に書きたい場合は、Array.prototype.filter() を使う方法もあります。

const pickSameElements = (arr = []) =>
  arr.filter((el, ind) => el === ind + 1);

こちらも同じ結果になります。条件式が一目で意図を表すため、可読性の面でおすすめです。

出力

コンソールに出力される結果は次のとおりです。

[4, 6]