Heim > Web-Frontend > js-Tutorial > Wie extrahiere ich effizient eine Teilmenge von Eigenschaften aus einem JavaScript-Objekt?

Wie extrahiere ich effizient eine Teilmenge von Eigenschaften aus einem JavaScript-Objekt?

Susan Sarandon
Freigeben: 2024-12-20 05:44:10
Original
835 Leute haben es durchsucht

How to Efficiently Extract a Subset of Properties from a JavaScript Object?

So extrahieren Sie eine Teilmenge von Eigenschaften aus einem JavaScript-Objekt

Bei der Arbeit mit JavaScript-Objekten ist es oft notwendig, ein neues Objekt zu erstellen Enthält nur einen bestimmten Satz von Eigenschaften des Originalobjekts. Betrachten Sie beispielsweise das folgende Objekt:

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

Um ein neues Objekt nur mit den Farb- und Höheneigenschaften zu erstellen, können Sie die Objektdestrukturierung verwenden:

const subset = { ...elmo, color: 'red', height: 'unknown' }
Nach dem Login kopieren

Das resultierende Teilmengenobjekt wird enthalten nur diese beiden Eigenschaften:

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

Eine andere Alternative ist die Verwendung von Object.assign() Methode:

const subset = Object.assign({}, elmo, { color: 'red', height: 'unknown' })
Nach dem Login kopieren

Diese Methode erstellt ein neues Objekt, indem sie die Eigenschaften des vorhandenen Objekts (in diesem Fall elmo) mit den neu zugewiesenen Eigenschaften zusammenführt.

Schließlich können Sie auch verwenden die _.pick()-Methode aus der beliebten Lodash-Bibliothek:

const subset = _.pick(elmo, ['color', 'height'])
Nach dem Login kopieren

Egal welche Methode Sie wählen, die Objektdestrukturierung bietet eine übersichtliche und flexible Möglichkeit dazu Extrahieren Sie eine Teilmenge von Eigenschaften aus einem JavaScript-Objekt.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich effizient eine Teilmenge von 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