Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe der Eigenschaftskürzel eine Teilmenge eines JavaScript-Objekts erstellen?

Wie kann ich mithilfe der Eigenschaftskürzel eine Teilmenge eines JavaScript-Objekts erstellen?

Mary-Kate Olsen
Freigeben: 2024-12-18 19:44:11
Original
794 Leute haben es durchsucht

How Can I Create a Subset of a JavaScript Object Using Property Shorthand?

Untergruppenbildung von JavaScript-Objekten mit Eigenschaftskürzel

In JavaScript bieten Objekte eine praktische Möglichkeit, Daten mit Schlüssel-Wert-Paaren zu speichern und zu organisieren. Es kann jedoch Situationen geben, in denen Sie ein neues Objekt mit nur einer Teilmenge der Eigenschaften des ursprünglichen Objekts erstellen müssen.

Problem:

Betrachten Sie das folgende Objekt:

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

Sie möchten ein neues Objekt erstellen, das nur eine bestimmte Teilmenge dieser Eigenschaften enthält, wie z. B. Farbe und Höhe.

Lösung:

Objektdestrukturierung und Eigenschaftskürzel bieten eine elegante Methode, um dies zu erreichen:

const subset = { ...elmo, color, height };
Nach dem Login kopieren

Diese Syntax erstellt ein neues Objekt , Teilmenge, die nur die Eigenschaften Farbe und Höhe des ursprünglichen Elmo-Objekts enthält. Der ...elmo-Spread-Operator kopiert alle anderen Eigenschaften von elmo, während die explizit mit der Eigenschaftskurzschrift definierten Farb- und Höheneigenschaften die kopierten Werte überschreiben.

Beispiel:

const object = { a: 5, b: 6, c: 7  };
const picked = (({ a, c }) => ({ a, c }))(object);

console.log(picked); // { a: 5, c: 7 }
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe der Eigenschaftskürzel eine Teilmenge eines JavaScript-Objekts erstellen?. 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