Mapeador de arrays de objetos

Pega un array de objetos, elige cualquier array (incluidos anidados), encadena filter/map y obtén el 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],
  },
]

Acepta JSON o literales JS (comillas simples, comas finales OK)

Selecciona el array a transformar

Vista previa (muestra 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
    ]
  }
]

Muestra una muestra. Las transformaciones anidadas se escriben en el documento completo.

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 ítem · Función JS, p. ej. item => item.name o (a, b) => a - b

Resultado (documento completo)

Ejecuta el pipeline para ver el resultado completo…

Ejecuta el pipeline para ver el resultado completo…

Aunque solo cambies un campo anidado, la salida es el documento entero actualizado.

Mapeador de arrays de objetos

Entrada

Selecciona el array a transformar

Pipeline para .root

Resultado (documento completo)

JSON a TypeScript

Mapeador de arrays de objetos

JavaScript Obfuscator / Encryptor

Base64 Codificar/Decodificar

All Tools →