免费打字稿课堂课程

在上一堂课中，我们搭建了开发环境并深入研究了 Typescript 的原始类型。

在今天的课程中，我们将学习如何在 Typescript 中使用对象和数组。

---

介绍

在本课程中，我们将学习 Typescript 中的对象和数组。让我们探索使用 Typescript 在项目中创建对象和数组的不同方法。

文字对象

创建对象最简单的方法之一是通过对象文字。当您事先了解对象的属性时，此方法特别有用，因为您以后无法添加新属性。

const objeto = {
  chaveA: 'value',
  chaveB: 'value',
};

objeto.chaveC = 'value';

索引签名

创建动态对象的一种方法是使用索引签名。当我们事先不知道对象的属性是什么时，这种方法特别有用。

const objeto: { [key: string]: string } = {
  chaveA: 'value A',
  chaveB: 'value B',
};

objeto.chaveC = 'value C';

console.log(objeto);

记录

我们在 Typescript 中创建动态对象的另一种方法是使用 Record。 Record 是 Typescript 工具箱中的实用程序类型之一。稍后我们将进一步探讨实用程序类型。现在，您需要知道的是，在使用Record时，我们需要在.
之间指定键的类型和对象的值

const objeto: Record<string, string> = {
  chaveA: 'value A',
  chaveB: 'value B',
};

数组文字

创建数组的最简单方法是使用文字数组，它是用方括号括起来的以逗号分隔的元素列表。

const arrayDeNumeros: number[] = [1, 2, 3];
const arrayDeString: string[] = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: (string | number)[] = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

数组构造函数

您还可以使用数组构造函数来创建新数组。

const arrayDeNumeros: Array<number> = [1, 2, 3];
const arrayDeString: Array<string> = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: Array<string | number> = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

---

您可以通过以下链接获取课程代码：
https://github.com/d3vlopes/curso-typescript/tree/aula-002

下一堂课

在下一堂课中，我们将探索 Typescript 中的函数。让我们学习如何定义参数类型、返回类型等等！

发表评论并与您的网络分享这篇文章，以支持和帮助更多人学习 Typescript。

以上是免费打字稿课堂课程的详细内容。更多信息请关注PHP中文网其他相关文章！