【ISSUE】[TypeScript]ジェネリクスについて簡単にまとめた

0

2024年12月23日 8:40

ジェネリクスとは

 ジェネリクスとは、型引数を受け取る関数を作る機能のことです。
ジェネリクスはTypeScriptプログラミングにおいて欠かすことができない機能の一つです。
例えば、以下のように書くことができます。
img
このように、引数の中身(N)を「age」の型定義に適用させることができます。
これが、以下のようにするとコンパイルエラーとなります。
img

関数の型引数とは

以下のコードを参考に説明します。
img

解説

1. ジェネリクスの宣言

img
Tは型パラメータを宣言しており、この関数が受け取る引数や戻り値の型が任意の型に対応できるようにしています。この場合、T は配列の要素の型を表しています。

2. 型パラメータの利用

img
T で宣言された型パラメータを使用して、空の配列 result を宣言しています。これにより、result 配列はジェネリクス型に基づいて型付けされます。

3. 型の決定

img
関数を呼び出す際に、ジェネリクスの型パラメータに具体的な型を指定しています。最初の例では文字列型 (string) を指定し、2番目の例では数値型 (number) を指定しています。これにより、element パラメータと関連する型が string または number に決定されます。

以下のようにするとエラーになります。

img

最後に

他にも色々な記事を書いているので、よければ読んでいってください、、、

https://qiita.com/hukuryo/items/97797a91d7e2ee0bcabc

https://qiita.com/hukuryo/items/2c07c52ff3386d5d75b9

https://qiita.com/hukuryo/items/ebeb26823f944f143b11
[cv:issue_marketplace_engineer]

0

診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。