Embellecer JSON - Formateador JSON

Da vida a tu JSON con una app online que formatea código al instante, ideal para debugging, aprendizaje y sin configuración previa.

Etiquetas: beautify code json

🚀 181,062 conversiones totales (338 este mes)

Practica Python con desafíos de código

Resuelve problemas prácticos en este editor: ejecuta las pruebas de ejemplo, envía tu solución y recibe una revisión de código por IA.

Todos los desafíos de Python
Fácil

Average of Three

Average three whole numbers.

BeginnerLearning-pathVariables
Fácil

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

BeginnerLearning-pathVariables
Difícil

Course Schedule Order

Order courses so every prerequisite comes first.

AdvancedGraphsHackathonTopological-sort
Aún no hay soluciones
Intermedio

Island Perimeter

Measure the coastline of land cells in a grid.

AdvancedGridsHackathon
Aún no hay soluciones
Intermedio

K-th Smallest Element

Find the k-th smallest value without fully sorting.

AdvancedCompetitive-programmingSorting
Aún no hay soluciones
Difícil

Mediana de Dos Arreglos Ordenados

Encuentra la mediana de dos listas ordenadas combinadas.

AdvancedBinary-searchCompetitive-programming
Aún no hay soluciones
Intermedio

Game of Life Step

Advance Conway's Game of Life by one generation.

AdvancedGridsHackathonSimulation
Aún no hay soluciones
Difícil

Shortest Delivery Tour

Visit every city once and return home as cheaply as possible.

AdvancedBitmasksCompetitive-programmingDynamic-programming
Aún no hay soluciones
Difícil

Componentes Fuertemente Conexas

Cuenta los grupos de nodos donde todos pueden alcanzarse mutuamente.

AdvancedCompetitive-programmingGraphs
Aún no hay soluciones
Difícil

Longest Path in a DAG

Find the heaviest path in a task dependency graph.

AdvancedGraphsHackathonTopological-sort
Aún no hay soluciones
Difícil

Matrix Chain Multiplication

Find the cheapest order to multiply a chain of matrices.

AdvancedCompetitive-programmingDynamic-programming
Aún no hay soluciones
Difícil

Minimum Window Substring

Find the shortest piece of text containing all required characters.

AdvancedCompetitive-programmingSliding-windowStrings
Aún no hay soluciones

Introducción

Este embellecedor de JSON en línea te ayuda a dar formato a JSON no estructurado en un diseño limpio y legible. Impulsado por el embellecedor Pretty Diff, te permite ver los resultados en una vista de código o en una vista de árbol para una mejor visualización.

Cómo Usar Esta Herramienta

Para comenzar, simplemente pega tu código JSON directamente en el editor o sube un archivo JSON usando el botón **Subir**. Una vez que el proceso de embellecimiento esté completo, puedes descargar el JSON formateado, guardarlo o compartirlo con otros usando un enlace único. Iniciar sesión con Google o GitHub te permite guardar los resultados en tu cuenta para uso futuro.

¿Qué es JSON?

JSON (JavaScript Object Notation) es un formato de datos ligero y de estándar abierto que utiliza texto legible para representar objetos de datos que consisten en pares atributo-valor y arreglos. Se utiliza ampliamente para el intercambio de datos, particularmente como una alternativa más simple al XML en sistemas AJAX.

La popularidad de JSON proviene de su simplicidad y versatilidad, lo que lo convierte en un formato preferido para APIs, archivos de configuración y otras tareas de intercambio de datos. Aprende más

Sintaxis de JSON

JSON define dos estructuras principales: objetos y arreglos.

  • **Objetos**: Una colección de pares nombre-valor encerrados en llaves `{}`.
  • **Arreglos**: Una lista de valores encerrados en corchetes `[]`.

JSON soporta siete tipos de datos: cadena, número, objeto, arreglo, `true`, `false` y `null`. A continuación se muestra un ejemplo de un objeto JSON que contiene pares nombre-valor. La clave "phoneNumbers" contiene un arreglo de dos objetos:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}
      
    

Ejemplos

Sin embellecer:

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
      
    

Después de embellecer:

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}