Embellecer JSON - Formateador de JSON
Convierte JSON en línea/inlegible en código bien formateado
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"
}
}
]
}