Cómo convertir un array JSON en una tabla HTML o Markdown

Antes de convertir tus datos

Esta herramienta transforma un array JSON situado en el nivel superior en una tabla legible. Resulta útil cuando recibes una lista de registros y necesitas consultar sus datos en HTML, Markdown o en las dos representaciones. Antes de empezar, decide qué formato encaja con el lugar donde vas a pegar el resultado y comprueba que la entrada sea un array, no un objeto JSON independiente.

Pasos para generar la tabla

1. Prepara la entrada. Escribe o copia un array JSON válido, por ejemplo [{"nombre":"Ana","edad":30},{"nombre":"Luis"}]. El texto debe conservar los corchetes exteriores, las comillas y la sintaxis correcta de JSON.
2. Introduce el contenido. Pega el array en el campo de entrada de la herramienta. Un campo vacío, un texto que no sea JSON válido o un valor principal que no sea un array no produce una tabla.
3. Escoge la salida. Si no seleccionas un formato, se utiliza HTML. Selecciona Markdown cuando necesites una tabla para un documento compatible con ese formato, o el modo combinado si quieres las dos representaciones.
4. Inicia la conversión. Ejecuta la acción disponible para procesar el contenido y espera a que aparezca el resultado correspondiente al formato elegido.
5. Revisa las columnas. En un array de objetos, las columnas se crean siguiendo el orden en que aparecen las claves por primera vez. Cuando un objeto posterior no contiene una clave ya detectada, su celda queda vacía en esa columna.
6. Comprueba el texto generado. En Markdown, las barras verticales que formen parte de un valor se escapan para conservar la estructura de la tabla. En HTML, el contenido de las celdas escapa los caracteres que tienen un significado especial en ese lenguaje.
7. Usa la representación adecuada. Copia la salida HTML si necesitas ese marcado o toma la versión Markdown para un editor que interprete tablas; con el formato combinado puedes escoger entre ambas después de la conversión.

Qué significa la tabla obtenida

La forma del array determina la estructura visible. Si contiene valores escalares, como textos o números, el resultado se organiza en una sola columna. Si contiene objetos, las claves reunidas se convierten en columnas y los datos ausentes se representan mediante celdas sin contenido.

Un array vacío no genera una tabla, así que una salida sin filas puede deberse a que no había elementos que transformar. También conviene examinar con cuidado un array mixto: los valores que no son objetos se conservan en filas con contenido únicamente en la primera columna, mientras que los objetos emplean las columnas reunidas a partir de sus claves. Por ese motivo, la representación no resulta rectangular para cada valor.

En Markdown, el encabezado y la fila separadora aparecen cuando existe al menos una clave de columna. Un caso como [{}] puede mostrar filas sin esas dos líneas, por lo que la ausencia del encabezado no significa necesariamente que el texto de entrada no tuviera formato JSON válido.

Ejemplo práctico

Quieres revisar en Markdown los nombres y las edades disponibles de varias personas.

Recibes una lista de personas, pegas [{"nombre":"Ana","edad":30},{"nombre":"Luis"}], seleccionas Markdown y ejecutas la conversión.

Una tabla Markdown con las columnas «nombre» y «edad», y una celda vacía en «edad» para la fila de Luis.

Limitaciones

• Los arrays mixtos pueden producir filas no rectangulares; los arrays vacíos no generan tabla y [{}] puede carecer de encabezado y separador en Markdown.

Errores frecuentes

• Si no aparece una tabla, revisa primero que el campo no esté vacío, que las comillas y las llaves formen JSON válido y que el valor exterior esté entre corchetes; después, vuelve a iniciar la conversión.

Preguntas frecuentes

¿Puedo convertir un objeto JSON independiente en una tabla?

La entrada esperada es un array JSON no vacío; un objeto independiente no cumple esa estructura y no produce una tabla. Coloca el objeto dentro de un array, por ejemplo [{"nombre":"Ana"}], antes de convertirlo.

¿Qué formato se obtiene si no elijo una opción?

Cuando no eliges un formato, la salida es HTML. Para obtener Markdown debes seleccionar esa opción, mientras que el modo combinado genera las dos representaciones.

¿Cómo se organizan las columnas y los valores que faltan?

Los objetos aportan columnas según el orden de aparición de sus claves y dejan vacías las celdas de datos que falten. Un array sin objetos se presenta como una tabla de una sola columna.