JSON เป็น Markdown

เครื่องมือแปลง JSON เป็น Markdown ออนไลน์ฟรี แปลงอาร์เรย์ JSON หรือออบเจกต์ซ้อนในคลิกเดียวเป็นโค้ดตาราง GFM Markdown พร้อมใช้สำหรับ GitHub README เอกสารเทคนิค และบล็อก 4 โหมดการประมวลผลซ้อน ปรับความลึก flatten ได้ (1-6) ตัวคั่นแบบกำหนดเอง ปรับแต่งคีย์ (user_name → User Name) จัดเรียงคอลัมน์ แยกหลายตารางอัจฉริยะ ตัวแทนค่าว่างอัจฉริยะ จัดตำแหน่ง ดูตัวอย่าง 9 ตัวเลือกสด ทั้งหมดในเบราว์เซอร์

คำแนะนำที่เกี่ยวข้อง

จัดรูปแบบ JSON

JSON เป็น HTML

JSON เป็น CSV

แฟลตเทน JSON

รวม JSON

JSON Diff

Markdown Formatter

แปลง Markdown เป็น HTML

เกี่ยวกับการแปลง JSON เป็น Markdown และตาราง Markdown

เครื่องมือ JSON เป็น Markdown แปลงโครงสร้างข้อมูล JSON เป็นโค้ดตาราง GFM มาตรฐานโดยอัตโนมัติ ช่วยให้นักพัฒนาไม่ต้องเขียนตัวคั่น `|` / `-` ด้วยตนเอง และมีประโยชน์อย่างยิ่งสำหรับการแสดงข้อมูลซ้อนจาก API ไฟล์การกำหนดค่าเป็นเอกสารเทคนิค README และบล็อกอย่างรวดเร็ว

ตาราง Markdown เป็นการแสดงตารางข้อความล้วนที่เสนอโดย John Gruber ในปี 2004: `|` แยกเซลล์ `-` กำหนดแถวตัวคั่นหัวตาราง `:` ตัวเลือกควบคุมการจัดตำแหน่ง GFM ขยาย Markdown มาตรฐานและได้รับการสนับสนุนโดย GitHub, GitLab, Notion, Confluence, Slack, Discord, VS Code โค้ดที่เครื่องมือนี้สร้างขึ้นเป็นไปตาม GFM อย่างเคร่งครัด

'Flatten ซ้อน + ปรับแต่งคีย์' เป็นจุดแตกต่างสำคัญ: เครื่องมือแบบดั้งเดิมแสดง `{user:{name:'Alice'}}` เป็นสตริง แต่เครื่องมือนี้ขยายแบบเรียกซ้ำเป็นคอลัมน์ `user.name` (สูงสุด 6 ระดับ) และเปลี่ยน `user_name`/`userProfileId` เป็น `User Name`/`User Profile Id`

ข้อได้เปรียบที่ใหญ่ที่สุดของ Markdown เมื่อเทียบกับ HTML คือ 'ข้อความล้วนสำหรับการควบคุมเวอร์ชัน': git diff แสดงการเปลี่ยนแปลงแถวตารางใน .md อย่างชัดเจน

กรณีการใช้งาน

  • เขียนเอกสารเทคนิค — แปลงข้อมูล JSON จาก API เป็นตาราง Markdown เพื่อแสดงผล
  • GitHub README — แสดงข้อมูลการกำหนดค่า คำอธิบายพารามิเตอร์ ตัวอย่างการตอบกลับ API
  • รายงานข้อมูล — นำเสนอผลการวิเคราะห์ในตาราง Markdown (ส่งออกไปยัง Notion/Confluence)
  • เอกสาร API (Swagger/Redoc/OpenAPI) — แสดงโครงสร้างข้อมูลอย่างชัดเจน
  • ส่วนเอกสารสำหรับเครื่องสร้างเว็บไซต์สถิต (VuePress/Docusaurus/Hexo)
  • แบ่งปันข้อมูลที่มีโครงสร้างใน Slack/Discord/ข้อความองค์กร
  • ดูตัวอย่างตารางใน VS Code/JetBrains IDE Markdown Preview
  • การทำงานร่วมกันด้านการควบคุมเวอร์ชัน: ตาราง Markdown เป็นข้อความล้วน เป็นมิตรกับ git diff

วิธีการใช้งาน

  1. วางอาร์เรย์ JSON (แนะนำ) หรือออบเจกต์ซ้อนลงในตัวแก้ไขด้านซ้าย หรือคลิก 'Sample' เพื่อโหลดตัวอย่าง หรือ 'Upload' เพื่ออัปโหลดไฟล์ .json/.txt
  2. เลือกโหมดการประมวลผลซ้อนบนแถบเครื่องมือ (แนะนำ 'Flatten') หากซ้อนลึกให้เพิ่ม Max Depth
  3. หากต้องการตัวคั่นแบบกำหนดเอง ป้อนในช่อง Separator (ค่าเริ่มต้น `.` เปลี่ยนเป็น `_` / `-` / `/` ได้)
  4. เลือก Strategy: อาร์เรย์ง่ายใช้ 'Single' หลายอาร์เรย์ใช้ 'Multi' แยกอัตโนมัติ บังคับแยกใช้ 'Split'
  5. เลือกตัวเลือกสไตล์: Sort columns, Beautify keys, Exclude empty, Include Caption, Include Index
  6. เลือกการจัดตำแหน่ง: ซ้าย / กึ่งกลาง / ขวา
  7. คลิก 'Convert' (หรือกด Enter) เพื่อเรียกการแปลง — มีการป้องกัน debounce 500ms เมื่อป้อนข้อมูล
  8. ดูโค้ดตาราง Markdown ที่สร้างขึ้นทางด้านขวา หากพอใจคลิก 'Copy' เพื่อคัดลอกและวางลงในเอกสาร Markdown หรือ 'Download' เพื่อบันทึกเป็น table.md

คุณสมบัติ

  • Flatten ออบเจกต์ซ้อนอัตโนมัติ: ขยายแบบเรียกซ้ำ `{user:{name,age}}` เป็น `user.name`, `user.age` ด้วยเครื่องหมายจุด (ความลึก 1-6) ไม่ต้องเขียนสคริปต์ flatten เอง
  • 4 โหมดการประมวลผลซ้อน: Flatten (แนะนำ ปรับความลึกได้) / First Key (ออบเจกต์ซ้อนเป็น JSON คอลัมน์เดียว) / Stringify (ออบเจกต์ซ้อนเป็นสตริง JSON) / Raw JSON (แต่ละแถวเป็นบล็อก JSON เต็ม)
  • แยกหลายตารางอัจฉริยะ: รู้จำฟิลด์อาร์เรย์ระดับบน (`users`, `orders`) แยกเป็นตาราง Markdown อิสระพร้อมหัวข้อ ### โดยอัตโนมัติ
  • ตัวคั่นแบบกำหนดเอง: ค่าเริ่มต้น `.` (เข้ากันได้กับ Lodash/MongoDB) เปลี่ยนเป็น `_` / `-` / `/` ได้
  • ปรับแต่งชื่อคีย์ (camelCase/snake_case → Title Case): `user_name` → `User Name`, `userProfileId` → `User Profile Id`
  • สวิตช์จัดเรียงคอลัมน์: จัดเรียงคอลัมน์หัวตารางทั้งหมดตามตัวอักษรในคลิกเดียว
  • ยกเว้นคอลัมน์ว่าง: ตรวจจับและยกเว้นคอลัมน์ที่ทุกแถวเป็น null/undefined/สตริงว่างโดยอัตโนมัติ
  • 3 โหมดจัดตำแหน่ง: ซ้าย (`:-`) / กึ่งกลาง (`:-:`) / ขวา (`-:`) สลับด้วยปุ่มตัวเลือก ตามมาตรฐาน GFM
  • สวิตช์คอลัมน์ดัชนีแถว: เพิ่มคอลัมน์ `#` ทางซ้ายสุด (ข้อความหัวตารางปรับแต่งได้)
  • สวิตช์หัวข้อ Caption: สร้าง `### ชื่อข้อมูล` หัวข้อระดับสาม (H3) เหนือแต่ละตารางอัตโนมัติ ช่วย SEO
  • Escape ตามประเภท: `|` / `\` / ขึ้นบรรทัดใหม่ในเซลล์ถูก escape เป็น `\|` / `\\` / `<br>` โดยอัตโนมัติ
  • ข้อเสนอแนะสถิติการสร้าง: แถบสถานะด้านล่างแสดง 'สร้างแล้ว N ตาราง × M แถว × K คอลัมน์' + จำนวนไบต์แบบสด
  • ข้อมูลตัวอย่าง + อัปโหลดไฟล์: 3 ตัวอย่างผู้ใช้ซ้อนในตัว โหลดด้วยคลิกเดียว รองรับลากและวางหรืออัปโหลด .json/.txt
  • ประมวลผลในเบราว์เซอร์ทั้งหมด: การแยกวิเคราะห์ JSON, flatten ซ้อน, สร้าง Markdown, คัดลอก/ดาวน์โหลดทั้งหมดเสร็จในเบราว์เซอร์ ข้อมูลไม่อัปโหลดไปยังเซิร์ฟเวอร์

ตัวอย่างโค้ด

JavaScript: fetch + flatten ซ้อน + ผลลัพธ์ Markdown

javascript

การใช้งานที่พบบ่อยที่สุด: หลังจากเรียก GitHub API แล้ว flatten ออบเจกต์ซ้อนเป็นเครื่องหมายจุด ใช้เครื่องมือนี้สร้างตาราง Markdown

async function fetchUsers() {
  const res = await fetch('https://api.github.com/users?per_page=10');
  return await res.json();
}
// ... (ฟังก์ชัน flatten และ generateMarkdownTable)
const users = await fetchUsers();
const md = generateMarkdownTable(users);

คำถามที่พบบ่อย

จะแปลงข้อมูล JSON เป็นตาราง Markdown ได้อย่างไร?

วางอาร์เรย์ JSON (แต่ละองค์ประกอบเป็นออบเจกต์) หรือออบเจกต์เดี่ยวลงในช่องป้อนข้อมูลด้านซ้าย คลิกปุ่ม 'Convert' บนแถบเครื่องมือ — ด้านขวาจะสร้างโค้ดตาราง Markdown มาตรฐาน GFM โดยอัตโนมัติ สามารถวางโค้ดลงใน GitHub README, บล็อก Markdown, หน้า Confluence หรือเอกสาร Notion ได้โดยตรง

ออบเจกต์ JSON แบบซ้อนสามารถแปลงเป็นตาราง Markdown ได้หรือไม่?

ได้ เครื่องมือมี 4 โหมดการประมวลผลซ้อนในตัว: ① Flatten (แนะนำ): ขยาย `{user:{name:'Alice',age:30}}` แบบเรียกซ้ำเป็นคอลัมน์ `user.name`, `user.age` ความลึก 1-6; ② First Key: ใช้เฉพาะฟิลด์ระดับบน ออบเจกต์ซ้อนเป็นสตริง JSON; ③ Stringify: ออบเจกต์ซ้อนทั้งหมดเป็นสตริง JSON; ④ Raw JSON: แต่ละแถวเป็นบล็อก JSON เต็ม

สามารถเปลี่ยนตัวคั่นคีย์หลังจาก flatten ได้หรือไม่?

ค่าเริ่มต้นใช้ `.` (เข้ากันได้กับ JavaScript/MongoDB/Lodash) สำหรับ `user_name` หรือ `user/name` เปลี่ยนในช่อง 'Separator' บนแถบเครื่องมือ (สูงสุด 3 ตัวอักษร)

การปรับแต่งคีย์ (Beautify keys) คืออะไร?

เมื่อเลือก 'Beautify keys' `user_name`, `userProfileId` จะถูกเปลี่ยนเป็น `User Name`, `User Profile Id` (Title Case) โดยอัตโนมัติ

จะแบ่งเป็นหลายตารางได้อย่างไร?

เมนูแบบเลื่อนลง 'Strategy': Single (ค่าเริ่มต้น) — หนึ่งตาราง; Multi — แบ่งอาร์เรย์อัตโนมัติพร้อมหัวข้อ ###; Split — บังคับแบ่ง เฉพาะฟิลด์อาร์เรย์

ตาราง Markdown ที่สร้างขึ้นใช้โดยตรงใน GitHub ได้หรือไม่?

ได้ ตารางเป็นไปตาม CommonMark และ GFM ใช้ได้ใน GitHub README, GitLab, Notion, VuePress/Docusaurus/Hexo, Slack/Discord, VS Code Markdown Preview

รองรับการสร้างหลายตาราง Markdown แบบกลุ่มหรือไม่?

ได้ เปลี่ยน Strategy เป็น 'Multi' หรือ 'Split' — เครื่องมือจะรู้จำอาร์เรย์ระดับบนและสร้างตารางอิสระสำหรับแต่ละอาร์เรย์พร้อมหัวข้อ `### ชื่อฟิลด์`

จะควบคุมลำดับหัวตารางได้อย่างไร?

ค่าเริ่มต้นใช้ลำดับการปรากฏครั้งแรกของคีย์ สำหรับเรียงตามตัวอักษร เลือก 'Sort columns'

คอลัมน์ว่างมากเกินไปต้องทำอย่างไร?

เลือก 'Exclude empty' — เครื่องมือจะตรวจจับและยกเว้นคอลัมน์ที่ทุกแถวเป็น null/undefined/ว่างโดยอัตโนมัติ

อักขระ | ในเซลล์จะทำให้ตารางเสียหายหรือไม่?

ไม่ เครื่องมือ escape `|` → `\|`, `\` → `\\`, ขึ้นบรรทัดใหม่ → `<br>` โดยอัตโนมัติ ป้องกันตารางเสียหาย

การแก้ไขปัญหา

ข้อผิดพลาด 'กรุณาป้อนข้อมูล JSON'

ช่องป้อนข้อมูลด้านซ้ายว่างเปล่า ตรวจสอบว่าได้วาง JSON ที่ถูกต้องแล้ว หรือใช้ 'Sample'/'Upload'

ข้อผิดพลาด 'Unexpected token ... in JSON at position N'

JSON ไม่ถูกต้อง สาเหตุ: เครื่องหมายจุลภาคเกินท้าย ใช้เครื่องหมายคำพูดเดี่ยวแทนคู่ แก้ไขด้วย JSON Formatter

ตารางมีเฉพาะหัวตารางไม่มีแถวข้อมูล

JSON เป็นอาร์เรย์ว่าง [] หรือออบเจกต์ว่าง {} เพิ่มอย่างน้อยหนึ่งออบเจกต์

ชื่อคอลัมน์ยาวเกินไปเมื่อ flatten

ลด Max Depth (จาก 6 เป็น 3-4) เปลี่ยนเป็น 'First Key' หรือปรับโครงสร้าง JSON ต้นทางให้ง่ายขึ้น

โหมด Multi ไม่สร้างหลายตาราง

ตรวจสอบว่า JSON ต้นทางเป็นออบเจกต์ที่มีฟิลด์อาร์เรย์ หากฟิลด์ทั้งหมดเป็นสตริง/ตัวเลข/ออบเจกต์ Multi จะกลับไปเป็น Single

Privacy & Security

การดำเนินการทั้งหมดในการแยกวิเคราะห์ JSON, flatten ซ้อน, สร้าง Markdown, คัดลอกและดาวน์โหลดในเครื่องมือนี้ดำเนินการในเบราว์เซอร์ทั้งหมดผ่าน JavaScript ข้อมูล JSON ที่ป้อนและโค้ด Markdown ที่สร้างขึ้นจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ การปิดหน้าจะลบข้อมูลทั้งหมด

Authoritative References