数组和元组
在 TypeScript 中使用数组和元组
数组和元组 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 1 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。
数组与元组
数组与元组
欢迎来到下一课！在本课中，我们将探索如何在 TypeScript 中使用数组和元组。这些结构可以让您以有组织的方式存储多个值。让我们开始吧！
什么是数组
什么是数组？
数组是存储在单个变量中的项目集合。在 TypeScript 中，您可以指定数组中元素的类型。示例：
任务：创建一个包含您最喜欢的 numbers 的数组，并使用 log 将其记录到控制台。
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
console.log(numbers);
console.log(names);
访问数组元素
访问数组元素
您可以使用索引访问数组中的元素。请记住，数组索引从 0 开始：
任务：尝试访问数组中的不同元素，并使用 log 将它们记录到控制台。
let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"
常见数组方法
常见数组方法
TypeScript 数组自带许多实用方法。以下是一些示例：
- push：将元素添加到数组末尾。
- pop：移除数组的最后一个元素。
- 长度：返回数组中元素的数量。
示例：
任务：尝试使用 push 和 pop 等数组方法。
let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]
fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]
console.log(fruits.length); // Output: 2
什么是元组
什么是元组？
元组是长度固定的数组，其中每个元素可以具有不同的类型。元组适合将不同类型的相关数据组合在一起。示例：
任务：创建一个元组，用于表示包含姓名和 age 的学生。
let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30
使用元组
使用元组
与数组一样，元组也支持索引和方法。不过，元组的结构是固定的；如果不修改元组类型，就无法添加额外元素。示例：
任务：为二维空间中的一个点定义元组，并使用 log 记录其值。
let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);
// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2
使用元组数组
使用元组数组
您可以创建元组数组来存储多条相关数据。示例：
任务：创建一个元组数组，用于存储朋友的姓名和年龄。
let students: [string, number][] = [
["Alice", 30],
["Bob", 25],
["Charlie", 35],
];
console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25
常见错误
常见错误
使用数组和元组时，以下是一些常见错误：
- 访问超出数组边界的元素（结果为
undefined）。 - 在数组或元组中使用错误的数据类型（会导致 TypeScript 出现错误）。
- 尝试更改元组的结构，却没有更新其类型。
提示：始终明确指定类型，以避免出现意外行为！
let scores: number[] = [10, 20, 30];
console.log(scores.length);
做得很好
做得很好
祝贺您！您已经学会了如何在 TypeScript 中使用数组和元组来存储和管理数据集合。这些是处理程序中结构化信息的必备工具。在下一课中，我们将探索联合类型和交叉类型，以处理更复杂的场景。让我们继续编写代码吧！
常见问题解答
「数组和元组」课时是免费的吗？
是的 — 「数组和元组」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。
「数组和元组」这节课中我会学到什么？
在 TypeScript 中使用数组和元组 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 TypeScript Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 4 节。
「数组和元组」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 TypeScript Academy 课中编写并运行代码吗？
能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。