Heim > Web-Frontend > js-Tutorial > Wie extrahiere ich bestimmte Eigenschaften aus einem JavaScript-Objekt?

Wie extrahiere ich bestimmte Eigenschaften aus einem JavaScript-Objekt?

Mary-Kate Olsen
Freigeben: 2024-12-11 20:33:13
Original
693 Leute haben es durchsucht

How to Extract Specific Properties from a JavaScript Object?

Objektuntermenge in JavaScript: Extrahieren spezifischer Eigenschaften

In verschiedenen Szenarien stoßen wir auf Objekte mit zahlreichen Eigenschaften, und das Extrahieren einer bestimmten Teilmenge kann möglich sein essentiell. In dieser Frage wird untersucht, wie dieses Ziel in JavaScript erreicht werden kann.

Betrachten Sie das folgende Objekt elmo:

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};
Nach dem Login kopieren

Das Ziel besteht darin, ein neues Objekt, eine Teilmenge, zu erstellen, die nur einen Teil davon enthält Eigenschaften wie Farbe und Höhe.

Lösung 1: Destrukturierung und Eigenschaft verwenden Kurzschrift

Eine effektive Lösung nutzt Objektdestrukturierung und Eigenschaftskurzschrift. Dieser Ansatz nutzt die Syntax der geschweiften Klammern (${}) und ermöglicht so die dynamische Erstellung und Zuweisung neuer Objekte:

const subset = ({ color, height }) => ({ color, height })(elmo);
Nach dem Login kopieren

In diesem Code wird eine neue Pfeilfunktion definiert, die ein Objekt als Parameter verwendet. Innerhalb der geschweiften Klammern werden die gewünschten Eigenschaften mithilfe der Eigenschaftskurzschrift angegeben, wodurch die extrahierten Werte automatisch diesen Eigenschaften im neuen Objekt zugewiesen werden. Wenn die Pfeilfunktion mit dem Elmo-Objekt als Argument aufgerufen wird, enthält die resultierende Objektteilmenge nur die Farb- und Höheneigenschaften.

Beispielausgabe:

{ color: 'red', height: 'unknown' }
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie extrahiere ich bestimmte Eigenschaften aus einem JavaScript-Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage