Kostenloser Typoskript-Klassenzimmerkurs

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!