JavaScript | 配列の要素を条件で調べる便利メソッドまとめ

JavaScript JavaScript
スポンサーリンク

主な内容の要点

JavaScript には、配列の中から「条件に合う要素」を探したり、チェックしたりするためのメソッドが用意されています。代表的なのは次の4つです。

1. findIndex() — 条件を満たす要素のインデックスを取得

  • 条件に合う 最初の要素の「位置(インデックス)」 を返す
  • 見つからなければ -1 を返す
let scores = [75, 68, 92, 84, 90];
let index = scores.findIndex(score => score > 85);
console.log(index); // 2(92が条件に合った)
JavaScript

2. find() — 条件を満たす最初の要素の値を取得

  • 条件に合う 最初の要素の「値」 を返す
  • 見つからなければ undefined を返す
let scores = [75, 68, 92, 84, 90];
let value = scores.find(score => score > 85);
console.log(value); // 92
JavaScript

3. some() — 少なくとも1つの要素が条件を満たすか確認

  • 配列の中に 1つでも条件に合う要素があるか を調べる
  • 結果は true または false
let scores = [75, 68, 92, 84, 90];
console.log(scores.some(score => score > 85)); // true
console.log(scores.some(score => score < 60)); // false
JavaScript

4. every() — すべての要素が条件を満たすか確認

  • 配列の すべての要素が条件を満たすか を調べる
  • 結果は true または false
let scores = [75, 68, 92, 84, 90];
console.log(scores.every(score => score > 60)); // true
console.log(scores.every(score => score < 90)); // false
JavaScript

ポイント整理

  • findIndex → インデックスを返す
  • find → 値を返す
  • some → 1つでも条件を満たせばOK
  • every → 全部が条件を満たす必要あり

初心者の方は、まず 「find = 値」「findIndex = 位置」 と覚えるとスッキリします。
次に someevery を「部分一致」と「全一致」として使い分けると便利です。

タイトルとURLをコピーしました