免費打字稿課堂課程

在上一課中，我們建立了開發環境並深入研究了 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中文網其他相關文章！