条件に合った配列のインデックスの取り出し方について

Question

条件に一致した配列のインデックスを取り出したい。

実現したい内容

let array = [ 25, 15, 40, 70, 20 ] で　25以上の数値のもののインデックスを出力したい。

試したこと

①passIndexを使用してみましたが　0 が出力されてしまった。

let M = 25

let passIndex = array.findIndex(function(element){
return element >= M;
});

配列の中身を取ることは、できたのですがインデックスで取得する方法が
わからず苦戦しております。

Comments

[退会済みユーザー]

> 0 が出力されてしまった。

とのことだけど、arrayの先頭要素は25で、25 は M (=25) 以上を満たすので、 そのインデクスの0 を返すのは正しい結果だけれども？　0がダメだとすると期待値は何でしょうか〜？

[退会済みユーザー]

期待値を記述するのを忘れておりました。すいません。

期待値は
0,2,3 です。

[退会済みユーザー]

期待値あざす　3案出しました、よろしくですうー

Answer 1

こうしてもよいかも

let M = 25;
let array = [ 25, 15, 40, 70, 20 ];
let indexs= array.map((_,x)=>x).filter(x=>array[x]>=M);
console.log(indexs);

Answer 2

passIndexを使用してみましたが　0 が出力されてしまった。

.findIndex()は、配列の中で条件に合う「最初の要素」が何番目にあるかを戻すメソッドです。
25以上の数字が配列の0番目にあるため、0を戻し、そこで処理を終了します。

コード例

私でしたら.flatMap()メソッドを利用します。

const array = [25, 15, 40, 70, 20];
const M = 25;
const passIndex = array.flatMap((num, idx) => num >= M ? idx : []);
console.log(passIndex); // [0, 2, 3]

.flatMap()について

.map()（配列の値を書き換え）ながら、.flat()（配列を一段階平坦化。2次元配列なら→1次元配列化）し、新しい配列を生成してくれるメソッドです。

配列.flatMap( (現在の要素, インデックス) => return 新しい値 )

私のコードの場合、

• 条件に合致していたら、その要素のインデックス番号に書き換え
• 合致していなかったら、空の配列に[]書き換え
  • [0, [], 2, 3, []] ←一旦、こういう状態になる
• そして、↑の配列が平坦化されるときに空の配列は消え失せる

という処理をしています。

三項演算子について

?や:の部分は、三項演算子という記法で、if/elseを1行でかけます。

条件 ? trueの場合の値 : falseの場合の値

if/elseとの比較です。

const number = 10

// 三項演算子
const result = number >= 5 ? '5以上だよ！' : '5未満だよ…';
console.log(result); // '5以上だよ！' 

// if/else
let result2;

if (number >= 5) {
  result2 = '5以上だよ！' ;
} else {
  result2 = '5未満だよ…';
}
console.log(result2); // '5以上だよ！' 

Answer 3

普通にループするのも参考までに書いときますね

const array = [25, 15, 40, 70, 20];
const M = 25;
let passIndex = [];
for (let i=0;i<array.length;i++)
    if (array[i]>=M) passIndex.push(i);
console.log(passIndex);

Answer 4

期待値は
0,2,3 です。

ふむふむ。であれば

const array = [ 25, 15, 40, 70, 20 ];
const M = 25;

const passIndexes = array.reduce((ary, e, i) => e >= M ? [...ary, i] : ary, []);

console.log(passIndexes); // => [0, 2, 3]

とかですかね〜

【別案1】再帰関数

const findIndexes = (ary, min, start=0) => {
  const index = ary.findIndex(e => e >= min);
  return index >= 0 ? [start+index, ...findIndexes(ary.slice(index+1), min, start+index+1)] : [];
} 

というのを作っておいて、

const array = [ 25, 15, 40, 70, 20 ];
const M = 25;
const passIndexes = findIndexes(array, M);

console.log(passIndexes);  // => [0, 2, 3]

とする。

【別案2】mapしてfilterしてまたmapするっていう３工程になってしまうけれど、

const array = [ 25, 15, 40, 70, 20 ];
const M = 25;
const passIndexes = array.map((e, i) => ({ e, i })).filter(({ e }) => e >= M).map(({ i }) => i);

console.log(passIndexes); // => [0, 2, 3]

【別案3】上の【別案2】を見直したらmapとfilterの2工程で済みました。

const array = [ 25, 15, 40, 70, 20 ];
const M = 25;
const passIndexes = array.map((e, i) => e >= M ? i : -1).filter(n => n >= 0);

console.log(passIndexes); // => [0, 2, 3]