タプルの宣言とアクセス
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 16/73。
タプルを作成するための構文は単純です。各要素の型を、それらが現れる正確な順序で角括弧内に指定します。
タプルを宣言するには、[Type1, Type2, Type3] という形式を使用します。各型は特定の位置に対応しています：
let productInfo: [string, number] = ["Laptop", 999];
let coordinates: [number, number] = [10, 20];
let userRecord: [number, string, boolean] = [1, "Alice", true];タプルの要素へのアクセスは、インデックス表記を使用した配列要素へのアクセスとまったく同じように機能します。TypeScriptは各位置の正確な型を認識しているため、完全な型安全性が得られます。
let product: [string, number] = ["Phone", 599];
console.log(product[0]); // "Phone" (TypeScriptはこれがstringであることを認識しています)
console.log(product[1]); // 599 (TypeScriptはこれがnumberであることを認識しています)主な利点は、TypeScriptが正しい型と正しい位置の両方を強制することです。product[0].toFixed()にアクセスしようとすると、TypeScriptは最初の要素が数値ではなく文字列であることを認識しているため、エラーを検出します。
チャレンジ
簡単文字列（製品名）と数値（価格）を保持する productInfo という名前のタプルを作成してください。製品名 "Gaming Mouse" と価格 79 で初期化します。
次に、x座標とy座標を表す2つの数値を保持する coordinates という名前の別のタプルを作成してください。値 15 と 25 で初期化します。
productInfo タプルから製品名にアクセスして表示してください。
productInfo タプルから価格にアクセスして表示してください。
coordinates タプルからx座標にアクセスして表示してください。
coordinates タプルからy座標にアクセスして表示してください。
各値を、上記の指定された順序で個別の行に表示してください。
自分で試してみよう
// TODO: ここにコードを書いてください
// 製品名と価格を含む productInfo タプルを作成します
// x座標とy座標を含む coordinates タプルを作成します
// 指定された通りに各値にアクセスして出力します
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ：基本の型の演習5型：エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ：高度な型の組み合わせ自分で練習してみよう: JavaScriptオンラインコンパイラ