Mapper di array di oggetti

Incolla un array di oggetti, scegli qualsiasi array (anche annidati), catena filter/map e ottieni il risultato completo

Input

[
  {
    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],
  },
]

Accetta JSON o letterali JS (virgolette singole, trailing commas OK)

Seleziona l'array da trasformare

Anteprima (campione del path)

[
  {
    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
    ]
  }
]

Mostra un campione. Le transform annidate riscrivono l'intero documento.

Pipeline per .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 — trasforma ogni elemento · Funzione JS, es. item => item.name o (a, b) => a - b

Risultato (documento intero)

Esegui la pipeline per vedere il risultato completo…

Esegui la pipeline per vedere il risultato completo…

Anche modificando solo un campo annidato, l'output è l'intero documento aggiornato.

Mapper di array di oggetti

Input

Seleziona l'array da trasformare

Pipeline per .root

Risultato (documento intero)

JSON in TypeScript

Mapper di array di oggetti

Offuscatore / Crittografo JavaScript

Codifica/Decodifica Base64

All Tools →