findの使用例
findとは、提供されたテスト関数を満たす配列内の最初の値を返すものです。
example.ts
const array1 = [1, 2, 3, 4, 5];
const result = array1.find(element => element > 3);
console.log(result); // 4
例のコードだと、配列の要素で3より大きい最初の要素は４なので、resultには４が返ります。
別に何の問題もないコードに見えるのですが、resultにカーソルを当ててみます。
え、undefined…？
そうなんです。findは、テスト関数を満たす配列内の要素がなかった場合に、undefinedを返すようになっているので、仮にテスト関数を満たす要素があったとしてもundefinedが返るようになっています。。
undefinedが返らないようにするにはどうするか
example.ts
const array1 = [1, 2, 3, 4, 5];
const result = array1.find(element => element > 3) ?? 0;
console.log(result);
??をつけることで、テスト関数を満たす要素がなかった場合、つまりundefinedの時に代わりに返す値を設定することができます。
これでundefinedが返らないようになりました。めでたしめでたし。
参考記事