In der vorherigen Klasse haben wir unsere Entwicklungsumgebung eingerichtet und uns mit den primitiven Typen von Typescript befasst.

Im heutigen Kurs lernen wir, wie man mit Objekten und Arrays in Typescript arbeitet.

Einführung

In diesem Kurs lernen wir Objekte und Arrays in Typescript. Lassen Sie uns verschiedene M?glichkeiten erkunden, wie wir mit Typescript Objekte und Arrays in unseren Projekten erstellen k?nnen.

Literale Objekte

Eine der einfachsten M?glichkeiten, ein Objekt zu erstellen, sind Objektliterale. Dieser Ansatz ist besonders nützlich, wenn Sie bereits über Vorkenntnisse über die Eigenschaften des Objekts verfügen, da Sie sp?ter keine neuen Eigenschaften hinzufügen k?nnen.

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

objeto.chaveC = 'value';

Indexsignatur

Eine M?glichkeit, dynamische Objekte zu erstellen, ist die Verwendung der Indexsignatur. Dieser Ansatz ist besonders nützlich, wenn wir nicht im Voraus wissen, welche Eigenschaften das Objekt haben wird.

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

objeto.chaveC = 'value C';

console.log(objeto);

Aufzeichnen

Eine weitere M?glichkeit, dynamische Objekte in Typescript zu erstellen, ist die Verwendung von Record. Record ist einer der Dienstprogrammtypen in der Typescript-Toolbox. Lassen Sie uns sp?ter mehr über Dienstprogrammtypen erfahren. Was Sie zun?chst wissen müssen, ist, dass wir bei Verwendung von Record den Typ für den Schlüssel und den Wert des Objekts zwischen <>.
angeben müssen

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

Array-Literale

Der einfachste Weg, ein Array zu erstellen, ist die Verwendung eines Literal-Arrays, bei dem es sich um eine durch Kommas getrennte Liste von Elementen in eckigen Klammern handelt.

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);

Array-Konstruktor

Sie k?nnen auch den Array-Konstruktor verwenden, um ein neues Array zu erstellen.

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);

Sie k?nnen auf den Kurscode zugreifen, indem Sie auf den folgenden Link zugreifen:
https://github.com/d3vlopes/curso-typescript/tree/aula-002

N?chste Klasse

In der n?chsten Klasse werden wir Funktionen in Typescript untersuchen. Erfahren Sie, wie Sie Parametertypen, Rückgabetypen und mehr definieren!

Hinterlassen Sie einen Kommentar und teilen Sie diesen Beitrag mit Ihrem Netzwerk, um mehr Menschen beim Erlernen von Typescript zu unterstützen.

Das obige ist der detaillierte Inhalt vonKostenloser Typoskript-Klassenzimmerkurs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!