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

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

DDD
DDDOriginal
2024-10-22 13:36:02731Durchsuche

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

in die gewünschte Ausgabe:

{
  a:2,
  c:3
}

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))

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)
)

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!

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