Mapeador de arrays de objetos

Cole um array de objetos, escolha qualquer array (incluindo aninhados), encadeie filter/map e obtenha o resultado completo

Entrada

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

Aceita JSON ou literais JS (aspas simples, vírgulas finais OK)

Selecione o array a transformar

Prévia (amostra do caminho)

[
  {
    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 uma amostra. Transforms aninhados gravam no documento inteiro.

Pipeline para .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 — transformar cada item · Função JS, ex. item => item.name ou (a, b) => a - b

Resultado (documento completo)

Execute o pipeline para ver o resultado completo…

Execute o pipeline para ver o resultado completo…

Mesmo alterando só um campo aninhado, a saída é o documento inteiro atualizado.

Mapeador de arrays de objetos

Entrada

Selecione o array a transformar

Pipeline para .root

Resultado (documento completo)

JSON para TypeScript

Mapeador de arrays de objetos

JavaScript Ofuscador / Criptografador

Base64 Codificar/Decodificar

All Tools →