Objekt-Array-Mapper

Objekt-Array einfügen, verschachtelte Arrays auswählen, filter/map verketten und das vollständige Ergebnis erhalten

Eingabe

[
  {
    id: 1,
    name: 'Alice',
    active: true,
    tags: ['frontend', 'react'],
    scores: [90, 80, 95],
  },
  {
    id: 2,
    name: 'Bob',
    active: false,
    tags: ['backend'],
    scores: [70, 85],
  },
  {
    id: 3,
    name: 'Carol',
    active: true,
    tags: ['frontend', 'design'],
    scores: [88, 92, 76],
  },
]

[
  {
    id: 1,
    name: 'Alice',
    active: true,
    tags: ['frontend', 'react'],
    scores: [90, 80, 95],
  },
  {
    id: 2,
    name: 'Bob',
    active: false,
    tags: ['backend'],
    scores: [70, 85],
  },
  {
    id: 3,
    name: 'Carol',
    active: true,
    tags: ['frontend', 'design'],
    scores: [88, 92, 76],
  },
]

JSON oder JS-Objekt-/Array-Literale (einfache Anführungszeichen, trailing commas OK)

Array zum Transformieren wählen

Vorschau (Beispiel des gewählten Pfads)

[
  {
    id: 1,
    name: 'Alice',
    active: true,
    tags: [
      'frontend',
      'react'
    ],
    scores: [
      90,
      80,
      95
    ]
  },
  {
    id: 2,
    name: 'Bob',
    active: false,
    tags: [
      'backend'
    ],
    scores: [
      70,
      85
    ]
  },
  {
    id: 3,
    name: 'Carol',
    active: true,
    tags: [
      'frontend',
      'design'
    ],
    scores: [
      88,
      92,
      76
    ]
  }
]

[
  {
    id: 1,
    name: 'Alice',
    active: true,
    tags: [
      'frontend',
      'react'
    ],
    scores: [
      90,
      80,
      95
    ]
  },
  {
    id: 2,
    name: 'Bob',
    active: false,
    tags: [
      'backend'
    ],
    scores: [
      70,
      85
    ]
  },
  {
    id: 3,
    name: 'Carol',
    active: true,
    tags: [
      'frontend',
      'design'
    ],
    scores: [
      88,
      92,
      76
    ]
  }
]

Zeigt eine Stichprobe. Verschachtelte Transforms schreiben ins gesamte Dokument zurück.

Pipeline für .root

Run applies every array pipeline from root to nested. Missing inner paths are skipped.

data

(

item => ({
  id: item.id,
  name: item.name,
  active: item.active,
  tags: item.tags,
  scores: item.scores,
})

item => ({
  id: item.id,
  name: item.name,
  active: item.active,
  tags: item.tags,
  scores: item.scores,
})

)

map — jedes Element transformieren · JS-Funktion, z. B. item => item.name oder (a, b) => a - b

Ergebnis (gesamtes Dokument)

Pipeline ausführen, um das vollständige Ergebnis zu sehen…

Pipeline ausführen, um das vollständige Ergebnis zu sehen…

Auch bei nur verschachtelten Änderungen wird das gesamte Dokument ausgegeben.

Objekt-Array-Mapper

Eingabe

Array zum Transformieren wählen

Pipeline für .root

Ergebnis (gesamtes Dokument)

JSON zu TypeScript

Objekt-Array-Mapper

JavaScript-Obfuscator / Verschlüsseler

Base64 Codieren/Dekodieren

All Tools →