JavaScript でarray要素のindexナンバーを取得したい。

Question

array methodのfindIndexは、一定の条件をみたした要素のindexを返します。
しかしながら、このメソッドは、その要件を満たした要素の中の最初の要素、1つしか返しません。

そこで質問は、要件を満たした全てのindexを取得するには、どのようにすれば良いでしょうか。
教えてください。

具体例として、
const someArray = [100, 200, 50];
someArray.findIndex(el => el >= 100);

これだと　el => el >= 100　を満たしている200の要素のindexを取得できないのです。

どのようにしたら　resultIndex = [0, 1] みたいな結果の出るものになりますか。

Answer 1

someArrayの各要素を評価して、条件を満たす要素のインデックスのみ結果配列に入れれば良いのでは？

const resultIndex = someArray.reduce((results, el, idx) => {
  if(el >= 100){
    // 条件を満たす場合のみその要素のインデックスを結果に追加
    results.push(idx);
  }
  return results;
}, []);
  

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

Comments

[gouehara]

シンプルで分かりやすいです。
ありがとうございました。

Answer 2

console.log (someArray.reduce((a, b, c) => b >= 100 ? [...a,c]: a, []));

Comments

[gouehara]

[...a,c] ここの部分をある程度分かりやすく、教えていただけないでしょうか。
この表記だと、私はまだJavaScript初心者なので、[[ ], [ ], c-index]という結果になりそうですが。
しかし、[0, 1] というように正しい結果になりました。

[退会済みユーザー]

a.concat (c) でもよいのだけれど、ちょっとだけでも短くなるので利用しています。
配列 a を展開して c と合成した配列を返す

[gouehara]

理解するのに多少時間を費やしましたが。
...[ ] と、する事で、[ ] が取り除かれるのですね。
面白いです。

Answer 3

下記リンク先の「findIndexAll 型」がそれです。

• https://teratail.com/questions/39930#reply-63933

Re: gouehara さん

Comments

[gouehara]

ご返答、ありがとうございます。