解构元组

本课属于 Coddy JavaScript 学习旅程的“TypeScript 入门”单元。第 17 课，共 73 课。

按索引访问元组元素完全可行，不过还有一种更优雅的方式可以提取元组中的值：解构。这项 JavaScript 特性与 TypeScript 的类型化元组配合得非常好，让你可以在一行代码中将元组的值解包到多个独立变量中。

数组解构会在赋值语句左侧使用方括号，创建与元组中各个位置对应的新变量：

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

console.log(id);   // 42 (TypeScript knows this is a number)
console.log(name); // "Alice" (TypeScript knows this is a string)

挑战

简单

创建一个名为 employee 的元组，其中依次包含一个数字（员工 ID）和一个字符串（员工姓名）。将其初始化为 ID 1001 和姓名 "Sarah Johnson"。

使用解构将 employee 元组中的值提取到两个单独的变量 empId 和 empName 中。

再创建一个名为 coordinates 的元组，其中包含两个表示纬度和经度的数字。将其初始化为 40.7128 和 -74.0060。

使用解构将 coordinates 元组中的值提取到两个单独的变量 latitude 和 longitude 中。

按以下顺序打印解构得到的变量，每个变量单独占一行：

打印员工 ID
打印员工姓名
打印纬度
打印经度

亲手试试

// TODO: 在这里编写你的代码
// 创建员工元组，ID 为 1001，姓名为 "Sarah Johnson"
// 使用解构提取 empId 和 empName
// 创建坐标元组，值为 40.7128 和 -74.0060（不要用 'location' 作为变量名）
// 使用解构提取 latitude 和 longitude
// 按指定顺序输出这四个变量

// 输出结果（根据需要取消注释并修改）
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);

自我测试

这节课包含一个小测验。开始学习即可作答，并记录你的进度。

TypeScript 入门中的所有课

自己练习： TypeScript 在线编辑器