【JavaScript】配列から条件に合う要素を取り出す方法｜filter・find・findIndex・someの使い分け

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const even = numbers.filter((n) => n % 2 === 0);
console.log(even); // [2, 4, 6, 8, 10]

// 条件を関数に切り出してもよい
const isBig = (n) => n > 7;
console.log(numbers.filter(isBig)); // [8, 9, 10]

const numbers = [1, 2, 3, 4, 5];

const firstEven = numbers.find((n) => n % 2 === 0);
console.log(firstEven); // 2

// 見つからないときは undefined
console.log(numbers.find((n) => n > 100)); // undefined

const numbers = [1, 2, 3, 4, 5, 6];

console.log(numbers.findIndex((n) => n > 3));     // 3（最初に3を超えるのは添字3の「4」）
console.log(numbers.findLast((n) => n % 2 === 0)); // 6（末尾側から最初の偶数）
console.log(numbers.findLastIndex((n) => n % 2 === 0)); // 5

const numbers = [1, 2, 3, 4, 5];

console.log(numbers.some((n) => n > 4));   // true（4より大きいものがある）
console.log(numbers.every((n) => n > 0));  // true（全部0より大きい）
console.log(numbers.every((n) => n % 2 === 0)); // false（奇数がある）

const users = [
  { id: 1, name: "John", age: 30 },
  { id: 2, name: "Jane", age: 25 },
  { id: 3, name: "Bob", age: 40 },
];

// idで1件だけ取り出す
console.log(users.find((u) => u.id === 2)); // { id: 2, name: "Jane", age: 25 }

// 30歳以上を全部
console.log(users.filter((u) => u.age >= 30).map((u) => u.name)); // ["John", "Bob"]

// 複合条件（25歳以上 かつ J で始まる名前）
console.log(
  users.filter((u) => u.age >= 25 && u.name.startsWith("J")).map((u) => u.name)
); // ["John", "Jane"]