JSON ke Markdown

Rekomendasi Terkait

Tentang Konversi JSON ke Markdown dan Tabel Markdown

Kasus penggunaan

• Menulis dokumentasi teknis — mengubah data JSON dari API menjadi tabel Markdown untuk ditampilkan
• GitHub README — menampilkan data konfigurasi, deskripsi parameter, contoh respons API
• Laporan data — menyajikan hasil analisis dalam tabel Markdown (dapat diekspor ke Notion/Confluence)
• Dokumentasi API (Swagger/Redoc/OpenAPI) — menampilkan struktur data dengan jelas
• Bagian dokumen untuk generator situs statis (VuePress/Docusaurus/Hexo)
• Berbagi data terstruktur di Slack/Discord/pesan instan perusahaan
• Pratinjau tabel di VS Code/JetBrains IDE Markdown Preview
• Kolaborasi version control: tabel Markdown adalah teks murni, ramah git diff dan Code Review
• Pendidikan: mengubah tugas JSON bersarang mahasiswa menjadi tabel seragam untuk penilaian
• Template email (klien email pendukung Markdown: Bear Mail, HEY)
• Impor ke Notion: buat tabel Markdown → tempel ke Notion
• Internasionalisasi: struktur bersama untuk dokumen setelah flatten + Beautify keys

Cara Penggunaan

1. Tempel array JSON (disarankan) atau objek bersarang ke editor kiri, atau klik 'Sample' untuk memuat 3 sampel pengguna bersarang, atau 'Upload' untuk unggah file .json/.txt
2. Pilih mode pemrosesan bersarang di toolbar (disarankan 'Flatten'), jika bersarang dalam tingkatkan Max Depth
3. Jika perlu pemisah kustom, masukkan di field Separator (default `.`, dapat diubah menjadi `_` / `-` / `/`)
4. Pilih Strategy: array sederhana gunakan 'Single', multi array gunakan 'Multi' split otomatis, paksa split gunakan 'Split'
5. Centang opsi gaya: Sort columns, Beautify keys, Exclude empty, Include Caption, Include Index
6. Pilih perataan: kiri / tengah / kanan
7. Klik 'Convert' (atau tekan Enter) untuk memicu konversi — ada perlindungan debounce 500ms saat input
8. Lihat kode tabel Markdown yang dihasilkan di sisi kanan, jika puas klik 'Copy' untuk menyalin dan tempel ke dokumen Markdown, atau 'Download' untuk menyimpan sebagai table.md

Fitur

• Flatten otomatis objek bersarang: perluasan rekursif `{user:{name,age}}` menjadi `user.name`, `user.age` dengan notasi titik (kedalaman 1-6), tanpa perlu skrip flatten manual
• 4 mode pemrosesan bersarang: Flatten (direkomendasikan, kedalaman dapat disesuaikan) / First Key (objek bersarang sebagai JSON satu kolom) / Stringify (objek bersarang sebagai string JSON) / Raw JSON (setiap baris sebagai blok JSON lengkap)
• Split multi-tabel pintar: mengenali field array tingkat atas (`users`, `orders`), otomatis membagi menjadi tabel Markdown independen dengan judul ###, ideal untuk data bisnis kompleks
• Pemisah kustom: default `.` (kompatibel dengan Lodash/MongoDB), dapat diubah menjadi `_` / `-` / `/` di toolbar
• Beautify nama kunci (camelCase/snake_case → Title Case): `user_name` → `User Name`, `userProfileId` → `User Profile Id` — header menjadi mudah dibaca manusia
• Sakelar sortir kolom: urutkan semua kolom header sesuai abjad dalam satu klik, menjaga urutan kolom stabil saat membandingkan dokumen
• Eksklusi kolom kosong: deteksi otomatis dan eksklusi kolom yang semua barisnya null/undefined/string kosong
• 3 mode perataan: kiri (`:-`) / tengah (`:-:`) / kanan (`-:`), sakelar tombol radio, sesuai GFM
• Sakelar kolom indeks baris: opsional tambahkan kolom `#` di paling kiri (teks header dapat dikustomisasi)
• Sakelar judul Caption: otomatis buat `### NamaData` judul tingkat tiga (H3) di atas setiap tabel, struktur dokumen jelas, membantu SEO
• Escape sadar tipe: `|` / `\` / baris baru dalam sel otomatis di-escape menjadi `\|` / `\\` / `<br>`
• Umpan balik statistik generate: bilah status bawah menampilkan langsung 'Telah dibuat N tabel × M baris × K kolom' + jumlah byte
• Data sampel + unggah file: 3 sampel pengguna bersarang bawaan dimuat satu klik, dukungan drag-and-drop atau unggah .json/.txt
• Sepenuhnya pemrosesan lokal browser: semua parsing JSON, flatten bersarang, generate Markdown, salin/unduh selesai di browser, data tidak diunggah ke server

Contoh Kode

// 1) Panggil GitHub API untuk mendapatkan daftar pengguna
async function fetchUsers() {
  const res = await fetch('https://api.github.com/users?per_page=10');
  return await res.json();
}
// ... (fungsi flatten dan generateMarkdownTable)
const users = await fetchUsers();
const md = generateMarkdownTable(... [truncated]

from flask import Flask
import json
app = Flask(__name__)

def flatten(obj, prefix='', sep='.', result=None, depth=0, max_depth=3):
    if result is None: result = {}
    if not isinstance(obj, dict) or depth >= max_depth:
        if prefix: result[prefix] = json.dumps(obj) if isinstance(obj, (dict, list)) else obj
        return result
    for k, v in obj.items():
        key = f"{prefix}{sep}{k}" if prefix else k
        if isinstance(v, dict): flatten(v, key, sep, result, depth + 1, max_depth)
        else: result[key] = v
    return result
# ... [truncated]

Pertanyaan Umum

Pemecahan Masalah

Glosarium

Tabel Markdown

Tabel teks murni dari karakter | dan -, didefinisikan oleh spesifikasi GFM.

GFM

GitHub Flavored Markdown — dialek GitHub di atas Markdown standar, mencakup tabel, coret, daftar tugas, tautan otomatis.

CommonMark

Spesifikasi standar sintaks Markdown (2014). Sintaks tabel GFM memperluas CommonMark.

Array JSON

Koleksi objek dalam kurung siku [...]. Setiap objek menjadi satu baris tabel. Array kosong tidak menghasilkan tabel.

Objek JSON

Koleksi pasangan kunci-nilai dalam kurung kurawal {}. Kunci menjadi header, nilai menjadi sel.

Flatten Bersarang

Perluasan rekursif objek bersarang ke nama kunci datar dengan pemisah titik. Mendukung kedalaman 1-6, pemisah dapat dikonfigurasi.

Beautify Kunci

Mengubah snake_case/camelCase ke Title Case: user_name → User Name.

Split Multi-Tabel Pintar

Mengenali field array tingkat atas dan otomatis membuat tabel independen dengan judul ###.

Sintaks Perataan

Baris pemisah GFM mendukung kontrol perataan melalui: :- kiri, :-: tengah, -: kanan.

Escape Markdown

Mengubah karakter khusus (|, \, baris baru) ke bentuk aman (\|, \\, <br>).

Debounce

Teknik optimasi: menggabungkan event frekuensi tinggi menjadi satu eksekusi. Penundaan 500ms.

Privacy & Security

Semua operasi parsing JSON, flatten bersarang, generate Markdown, salin dan unduh dalam alat ini dilakukan sepenuhnya secara lokal di browser melalui JavaScript. Data JSON input dan kode Markdown yang dihasilkan tidak diunggah ke server, tidak dicatat, di-cache, atau disimpan di cloud. Menutup halaman akan menghapus semua data.

Authoritative References

• GitHubSpesifikasi GitHub Flavored Markdown — Tabel
• CommonMarkSpesifikasi CommonMark
• MarkdownDokumentasi Resmi Markdown (Daring Fireball)
• MDNMDN — JSON.parse / JSON.stringify
• GitHubDokumentasi GitHub — Mengatur Informasi dalam Markdown
• LodashLodash — flatten / flattenDeep
• jqPanduan jq — Pemrosesan Objek Bersarang