🔎

[TypeScript] 配列の条件に一致する最初の要素を取得するfind関数

2023/06/27に公開

はじめに

この記事では、TypeScriptのfind をまとめております。

参考資料

結論

1. 条件を満たす

// 数字の配列
const numbers = [1, 2, 3, 4, 5];
// 2より大きい値を取得する(最初にヒットした値を取得する)
const result = numbers.find((i) => i > 2);

// 期待値: 3
console.log(result);
実行結果を確認する
3

2. 条件を満たさない

// 数字の配列
const numbers = [1, 2, 3, 4, 5];
// 10より大きい値を取得する
const result = numbers.find((i) => i > 10);

// 期待値: undefined
console.log(result);
実行結果を確認する
undefined

3. 条件を満たさないかつ undefined を返さない

// 数字の配列
const numbers = [1, 2, 3, 4, 5];
// 10より大きい値を取得する
const result = numbers.find((i) => i > 10) ?? false;

// 期待値: false
console.log(result);
実行結果を確認する
false
GitHubで編集を提案

Discussion