Wie können wir ein Objekt so reduzieren, dass es einer Schnittstelle in TypeScript entspricht?

Objektreduktion auf Schnittstellenkonformität

In TypeScript definiert eine Schnittstelle einen Vertrag für die Eigenschaften eines Objekts, während eine Klasse diese Schnittstelle implementiert. Allerdings stößt man häufig auf Objekte mit zusätzlichen Eigenschaften, die über die in einer Schnittstelle definierten hinausgehen, was bei der Verwendung von Tools wie JSON.stringify(), die Objekte in JSON konvertieren, zu Herausforderungen führen kann.

Um dieses Problem zu beheben, ist eine Reduzierung erforderlich ein Objekt, sodass es nur Eigenschaften der von ihm implementierten Schnittstelle enthält.

Problem:

Beim Versuch, ein Objekt mit zusätzlichen Eigenschaften mithilfe von JSON.stringify( ), sind die zusätzlichen Eigenschaften in der Ausgabe enthalten, wodurch JSON möglicherweise ungültig wird.

Lösung 1:

Aufgrund der Tatsache, dass TypeScript-Schnittstellen keine Laufzeitdarstellung haben und daher nicht zur Durchsetzung von Eigentumsbeschränkungen verwendet werden kann, ist eine Problemumgehung erforderlich. Indem wir die Schnittstelle als Klasse definieren, können wir eine Bibliothek wie Lodash verwenden, um nur die in der Schnittstelle definierten Eigenschaften aus dem Zielobjekt auszuwählen.

Zum Beispiel:

<code class="typescript">import _ from 'lodash';

const reducedObj = new MyInterface();
_.assign(reducedObj, _.pick(originalObj, _.keys(reducedObj)));</code>

Diese Methode stellt sicher dass das reduzierte Objekt nur die in der Schnittstelle definierten Eigenschaften enthält.

Lösung 2:

Als anderen Ansatz kann man die Eigenschaften des Zielobjekts manuell durchlaufen und prüfen, ob Jede Eigenschaft ist in der Schnittstellendefinition vorhanden. Wenn dies der Fall ist, wird die Eigenschaft dem reduzierten Objekt hinzugefügt. Diese Methode erfordert sorgfältige Aufmerksamkeit, um das Hinzufügen unbeabsichtigter Eigenschaften zu vermeiden.

Obwohl es keine direkte Möglichkeit gibt, die Eigenschaftskonformität mit TypeScript-Schnittstellen in JavaScript zu erzwingen, bieten diese Problemumgehungen praktische Lösungen, um Objekte so zu reduzieren, dass sie den Schnittstellendefinitionen entsprechen.

Das obige ist der detaillierte Inhalt vonWie können wir ein Objekt so reduzieren, dass es einer Schnittstelle in TypeScript entspricht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!