Heim > Web-Frontend > js-Tutorial > Wie kann man verschachtelte Objekte in JavaScript präzise reduzieren?

Wie kann man verschachtelte Objekte in JavaScript präzise reduzieren?

DDD
Freigeben: 2024-10-22 13:36:02
Original
758 Leute haben es durchsucht

How to Flatten Nested Objects Concisely in JavaScript?

Konzises Reduzieren verschachtelter Objekte

Das Umwandeln eines verschachtelten Objekts in eine flache Struktur ist in verschiedenen Programmierszenarien häufig erforderlich. Für eine schnelle und effiziente Lösung können Sie einen prägnanten Einzeiler verwenden.

Um das bereitgestellte verschachtelte Objekt zu reduzieren:

{
  a:2,
  b: {
    c:3
  }
}
Nach dem Login kopieren

in die gewünschte Ausgabe:

{
  a:2,
  c:3
}
Nach dem Login kopieren

Verwenden Sie den folgenden JavaScript-Ausdruck:

Object.assign({}, ...function _flatten(o) { return [].concat(...Object.keys(o).map(k => typeof o[k] === 'object' ? _flatten(o[k]) : ({[k]: o[k]})))}(yourObject))
Nach dem Login kopieren

Das Kernkonzept hinter diesem Ansatz besteht darin, rekursiv ein Array von Objekten mit einer Eigenschaft zu erstellen. Die Methode Object.keys(o) ruft alle Schlüssel des Eingabeobjekts o ab. Jeder Schlüssel k wird dann auf den Objekttyp überprüft. Wenn typeof o[k] === 'object', wird die Funktion _flatten rekursiv auf das verschachtelte Objekt angewendet. Andernfalls wird ein Objekt mit einer Eigenschaft mit dem Schlüssel k und dem Wert o[k] erstellt.

Die Syntax [].concat(... kombiniert alle diese Objekte mit einer Eigenschaft in einem einzigen Array. Schließlich Object.assign({}, ...) führt diese Arrays in der gewünschten abgeflachten Ausgabe zusammen.

Zur besseren Lesbarkeit kann der Code wie folgt umformatiert werden:

Object.assign(
  {},
  ...function _flatten(o) {
    return [].concat(...Object.keys(o)
      .map(k =>
        typeof o[k] === 'object' ?
          _flatten(o[k]) :
          ({[k]: o[k]})
      )
    );
  }(yourObject)
)
Nach dem Login kopieren

Dieses eine- Liner flacht verschachtelte Objekte effektiv ab und bietet so eine prägnante und effiziente Lösung für Ihre Datentransformationsanforderungen.

Das obige ist der detaillierte Inhalt vonWie kann man verschachtelte Objekte in JavaScript präzise reduzieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage