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
Mary-Kate OlsenOriginal
2024-12-18 19:44:11796Durchsuche

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'}
};

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 };

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 }

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!

Stellungnahme:
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