タプルの分割代入

CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部 — レッスン 17/73。

インデックスによってタプルの要素にアクセスすることは完全に機能しますが、タプルから値を取り出すためのさらにエレガントな方法があります：分割代入（destructuring）。このJavaScriptの機能はTypeScriptの型付けされたタプルとシームレスに動作し、1行でタプルの値を個別の変数に展開することができます。

配列の分割代入では、代入の左側に角括弧を使用して、タプルの各位置に対応する新しい変数を作成します。

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScriptはこれが数値であることを認識しています)
console.log(name); // "Alice" (TypeScriptはこれが文字列であることを認識しています)

チャレンジ

簡単

数値（従業員ID）とそれに続く文字列（従業員名）を保持する、employee という名前のタプルを作成してください。ID 1001 と名前 "Sarah Johnson" で初期化します。

分割代入を使用して、employee タプルから empId と empName という名前の2つの別々の変数に値を抽出します。

緯度と経度の座標を表す2つの数値を保持する、coordinates という名前の別のタプルを作成してください。値 40.7128 と -74.0060 で初期化します。

分割代入を使用して、coordinates タプルから latitude と longitude という名前の2つの別々の変数に値を抽出します。

分割代入された変数を、以下の順序でそれぞれ別の行に出力してください。

従業員IDを出力する
従業員名を出力する
緯度を出力する
経度を出力する

自分で試してみよう

// TODO: ここにコードを書いてください
// ID 1001 と名前 "Sarah Johnson" を持つ employee タプルを作成します
// 分割代入を使用して empId と empName を抽出します
// 値 40.7128 と -74.0060 を持つ coordinates タプルを作成します（変数名として 'location' を使用しないでください）
// 分割代入を使用して latitude と longitude を抽出します
// 指定された順序ですべての4つの変数を出力します

// 結果を出力します（必要に応じてコメントを解除し、修正してください）
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);