タプルとラベル付きタプル
タプルについて学びます。タプルは長さと各要素の型が決まった配列です。可読性を高めるラベル付きタプルも紹介します
「タプルとラベル付きタプル」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。
導入
目標：タプルと配列の違いを学びます。タプルには固定長と要素ごとの型があり、わかりやすくするためにラベルも付けられます。
単純なタプル
タプルでは各位置の要素型を個別に定義します。すべての要素が同じ型を共有する配列とは異なります。
let point: [number, number] = [10, 20];
console.log(point[0], point[1]);タプルの長さ
タプルでは固定長が強制されます。要素を多く指定しても少なく指定しても、エラーになります。
let coords: [number, number] = [5, 6];
// coords = [5, 6, 7]; // Error: too many elements異なる型のタプル
タプルでは、ID、名前、アクティブ状態のフラグのように、特定の位置に異なる型の値を格納できます。
let user: [number, string, boolean] = [1, "Ada", true];ラベル付きタプル
ラベル付きタプルを使うと各位置の意味がわかりやすくなり、関数シグネチャやAPIの可読性が向上します。
type Point = [x: number, y: number];
const p: Point = [3, 4];ガイドライン
ガイドライン：
- 構造が固定されたデータにはタプルを使用します。
- 意味が重要な場合はラベルを付けることを優先します。
- 長さが変わるコレクションには配列を使用してください。
タプルの確認
確認問題：配列と比較した場合の、タプルの重要な特徴は何ですか？
まとめ
まとめ：タプルでは、位置に基づく型と長さが強制されます。ラベル付きタプルによって、わかりやすさが向上します。配列は柔軟性を保ち、タプルは構造を与えます。
AI チューターと学ぶ TypeScript — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 101
- レッスン
- 352
よくある質問
「タプルとラベル付きタプル」レッスンは無料ですか？
はい。「タプルとラベル付きタプル」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。
「タプルとラベル付きタプル」で何を学びますか？
タプルについて学びます。タプルは長さと各要素の型が決まった配列です。可読性を高めるラベル付きタプルも紹介します ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
TypeScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。
「タプルとラベル付きタプル」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このTypeScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。