0Pricing
TypeScript Academy · 课时

数组与 ReadonlyArray

学习数组基础、可变数组与 ReadonlyArray 的区别，以及如何安全使用带类型的方法。

数组与 ReadonlyArray 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 1 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 3 节课。

简介

目标：了解如何声明数组、使用带类型的方法，以及何时使用ReadonlyArray来实现不可变性。

数组声明

数组可以使用元素类型语法进行类型标注（例如，number[]）。

const numbers: number[] = [1, 2, 3];
console.log(numbers[0]);

泛型数组类型

您也可以使用泛型形式 Array<T>，它与 T[]等价。

const words: Array<string> = ["a", "b", "c"];
console.log(words.length);

数组方法

诸如 map、filter 和 reduce 这样的数组方法会自动保留类型信息。

const nums: number[] = [1, 2, 3];
const doubled = nums.map(n => n * 2);
console.log(doubled);

ReadonlyArray

ReadonlyArray可以确保不可变性：不会提供 push、splice 或重新赋值方法。

const readonlyNums: ReadonlyArray<number> = [1, 2, 3];
// readonlyNums.push(4); // Error

何时使用 ReadonlyArray

当您希望

  • 确保不会发生意外修改
  • 在函数之间安全地传递数据
  • 表达不可变性的意图
时，请使用ReadonlyArray。

ReadonlyArray 检查

快速检查：关于 TypeScript 中的 ReadonlyArray，哪项说法是 TRUE？

回顾

回顾：数组可以标注为 T[] 或 Array<T>。请以类型安全的方式使用方法。需要不可变性时，请选择ReadonlyArray。

常见问题解答

「数组与 ReadonlyArray」课时是免费的吗？

是的 — 「数组与 ReadonlyArray」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 3 节课。

「数组与 ReadonlyArray」这节课中我会学到什么？

学习数组基础、可变数组与 ReadonlyArray 的区别，以及如何安全使用带类型的方法。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 3 节。

「数组与 ReadonlyArray」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 数组与 ReadonlyArray
  2. 元组与带标签的元组
  3. 枚举、const enum 与联合字面量替代方案
← 返回 TypeScript Academy