DevToolPal
ไทย

แปลง JSON เป็นตาราง Markdown

แปลงอาร์เรย์ของออบเจ็กต์ JSON เป็นตาราง Markdown ที่จัดแนวเรียบร้อย พร้อมแตกฟิลด์ที่ซ้อนกันออกเป็นคอลัมน์

ทำงานในเครื่อง ไม่มีการอัปโหลด

ตัวเลือก

อินพุต

0 ตัวอักษร · 0 B

เอาต์พุต

0 ตัวอักษร · 0 B

เครื่องมือนี้ทำอะไร

ผลตอบกลับจาก API ข้อมูลที่ส่งออก และไฟล์ตั้งค่ามักมาเป็น JSON แต่ใน README, pull request, หน้า wiki หรือข้อความแชต ตารางอ่านง่ายกว่ามาก เครื่องมือนี้แปลงอาร์เรย์ของออบเจ็กต์ JSON เป็นตาราง GitHub Flavored Markdown ที่แสดงผลได้บน GitHub, GitLab, Notion, Obsidian และเว็บไซต์เอกสารส่วนใหญ่

ออบเจ็กต์แต่ละตัวกลายเป็นหนึ่งแถว และคีย์แต่ละตัวกลายเป็นหนึ่งคอลัมน์ ออบเจ็กต์ที่ซ้อนกันจะถูกแตกเป็นชื่อคอลัมน์ที่มีจุด ขีดตั้งและการขึ้นบรรทัดใหม่ในค่าจะถูก escape และคอลัมน์จะถูกเติมช่องว่างให้ Markdown ดิบตรงกันด้วย

วิธีใช้

  1. วาง JSON อัปโหลดไฟล์ .json หรือกด ตัวอย่าง
  2. เลือก การจัดแนว: ค่าเริ่มต้น ชิดซ้าย กึ่งกลาง ชิดขวา หรือ ตัวเลขชิดขวา เพื่อให้คอลัมน์ที่มีแต่ตัวเลขชิดขวา
  3. เปิด แตกออบเจ็กต์ที่ซ้อนกัน ไว้เพื่อกระจายฟิลด์ที่ซ้อนกันเป็นหลายคอลัมน์ หรือปิดเพื่อแสดงเป็น JSON
  4. ปิด จัดคอลัมน์ให้ตรง หากต้องการแถวแบบกะทัดรัดโดยไม่เติมช่องว่าง
  5. คัดลอกตารางหรือดาวน์โหลดเป็นไฟล์ .md

หาก JSON ไม่ถูกต้อง ข้อความแสดงข้อผิดพลาดจะบอกบรรทัดและคอลัมน์ให้แก้ไขได้อย่างรวดเร็ว

ตัวอย่าง

JSON นี้:

[
  { "name": "ripgrep", "stars": 48000, "repo": { "owner": "BurntSushi" } },
  { "name": "fd", "stars": 34000, "repo": { "owner": "sharkdp" }, "tags": ["find"] }
]

จะกลายเป็นตาราง Markdown ดังนี้:

| name    | stars | repo.owner | tags     |
| ------- | ----- | ---------- | -------- |
| ripgrep | 48000 | BurntSushi |          |
| fd      | 34000 | sharkdp    | ["find"] |

ออบเจ็กต์ repo ที่ซ้อนอยู่กลายเป็นคอลัมน์ repo.owner อาร์เรย์ tags ถูกเขียนเป็น JSON และแถวแรกมีเซลล์ว่างเพราะไม่มี tags

เคล็ดลับ

  • ค่าจะถูกเขียนเป็นข้อความ ตัวเลขและค่าบูลีนแสดงตามเดิม ส่วน null กลายเป็นเซลล์ว่าง
  • ตารางที่กว้างมากอ่านยาก ลบฟิลด์ที่ไม่ต้องการออกก่อนแปลง
  • Markdown แบบอินไลน์ในค่าสตริง เช่น **ตัวหนา** หรือลิงก์ จะถูกเก็บไว้และตัวแสดงผลส่วนใหญ่แสดงได้
  • สำหรับข้อมูล CSV หรือเพื่อสร้างตาราง HTML ให้ใช้เครื่องมือที่เกี่ยวข้องด้านล่าง

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

› รองรับ JSON โครงสร้างแบบไหนบ้าง

อาร์เรย์ของออบเจ็กต์จะได้หนึ่งแถวต่อออบเจ็กต์ และหนึ่งคอลัมน์ต่อทุกคีย์ที่ปรากฏในออบเจ็กต์ใดก็ได้ ออบเจ็กต์เดี่ยวจะได้ตารางสองคอลัมน์ Key / Value อาร์เรย์ของอาร์เรย์จะได้แถวที่มีคอลัมน์แบบลำดับเลข และอาร์เรย์ของค่าธรรมดาจะได้คอลัมน์ Value คอลัมน์เดียว

› ออบเจ็กต์ที่ซ้อนกันจัดการอย่างไร

เมื่อเปิดแตกออบเจ็กต์ที่ซ้อนกัน ฟิลด์ที่ซ้อนกันจะกลายเป็นคอลัมน์ที่มีจุด เช่น address.city อาร์เรย์จะถูกเขียนในเซลล์เป็น JSON แบบย่อ ปิดการแตกเพื่อเก็บออบเจ็กต์ที่ซ้อนกันแต่ละตัวเป็น JSON ไว้ในเซลล์เดียว

› ถ้าออบเจ็กต์มีคีย์ไม่เหมือนกันล่ะ

หัวตารางคือการรวมคีย์ทั้งหมดตามลำดับที่ปรากฏครั้งแรก เซลล์จะว่างเมื่อออบเจ็กต์ไม่มีคีย์นั้น และค่า null ก็แสดงเป็นเซลล์ว่างเช่นกัน

› JSON ของฉันถูกอัปโหลดหรือไม่

ไม่ การแยกวิเคราะห์และการแปลงทำในเบราว์เซอร์ทั้งหมด ผลตอบกลับจาก API และข้อมูลส่วนตัวจึงไม่ออกจากอุปกรณ์ของคุณ