Embellecer JSON - Formateador de JSON

Convierte JSON en línea/inlegible en código bien formateado

Etiquetas: beautify code json

🚀 180,269 conversiones totales (15 este mes)

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"
      }
    }
  ]
}