🧹 เครื่องมือ JSON

JSON Formatter & JSON Viewer

จัดรูปแบบ JSON, beautify JSON, ตรวจสอบ JSON, minify JSON และดูข้อมูลด้วย JSON viewer ที่ทำงานรวดเร็วในเบราว์เซอร์ เปิดไฟล์ .json หรือวางข้อมูล API ค้นหา syntax error เรียง key สลับไปยัง tree view และดาวน์โหลด JSON ที่จัดเรียบร้อย

✓ เป็นส่วนตัว: การประมวลผลอยู่ภายในเบราว์เซอร์ของคุณ ⌨ Ctrl / Cmd + Enter = จัดรูปแบบ JSON .json + drag & drop
พร้อม
เป็นส่วนตัว: การประมวลผลอยู่ภายในเบราว์เซอร์ของคุณ
JSON ขาเข้า
0 chars
1
วางไฟล์ .json ที่นี่
JSON Viewer
1
0 chars
0อักขระ
0ไบต์
0บรรทัด
0Key
0ความลึก
0Object
0Array
0ค่า

JSON Formatter ออนไลน์

ใช้ JSON formatter ออนไลน์ นี้เพื่อเปลี่ยนข้อมูลที่อัดแน่นหรืออ่านยากให้เป็น JSON ที่สะอาดและอ่านง่าย เครื่องมือนี้ทำงานเป็น JSON beautifier, JSON viewer, JSON validator และ JSON editor แบบเบา โดยไม่ต้องส่งข้อมูลไปยังเซิร์ฟเวอร์เพื่อประมวลผล

วาง API response, log หรือข้อมูล configuration หรือใช้ เปิดไฟล์ JSON เพื่ออ่านไฟล์ .json ในเครื่อง คุณสามารถ pretty print JSON, ตรวจสอบ syntax, minify JSON, เรียง key ของ object, ดูข้อมูลซ้อนกันใน tree view และดาวน์โหลดผลลัพธ์ได้

JSON คืออะไร?

JSON ย่อมาจาก JavaScript Object Notation เป็นรูปแบบข้อความที่ใช้เก็บและแลกเปลี่ยนข้อมูลแบบมีโครงสร้างใน API, ไฟล์ configuration, web application, log และเครื่องมือสำหรับนักพัฒนาจำนวนมาก

JSON ใช้ object, array, string, number, boolean และ null แม้ชื่อจะมาจาก JavaScript แต่ JSON ถูกใช้ในภาษาโปรแกรมสมัยใหม่แทบทุกภาษา

JSON formatter ทำอะไร?

JSON formatter จะ parse JSON ที่ถูกต้องแล้วเขียนใหม่ด้วยการเยื้องและขึ้นบรรทัดใหม่ เพื่อให้โครงสร้างอ่านง่ายขึ้น เรียกได้อีกอย่างว่า formatting, pretty print หรือ JSON beautify

Formatter นี้รองรับการเยื้อง 2, 3 หรือ 4 spaces, เลือกเรียง key ของ object ได้ และแสดงผลเป็นโค้ดที่จัดรูปแบบแล้วหรือ JSON tree ที่ขยายได้

เปิดไฟล์ JSON อย่างไร?

คลิก เปิดไฟล์ JSON แล้วเลือกไฟล์ .json จากอุปกรณ์ หรือ drag ไฟล์ JSON ลงใน editor โดยตรง ไฟล์จะถูกอ่านภายในเบราว์เซอร์แบบ local

ไม่จำเป็นต้องอัปโหลดไฟล์ไปยัง JSONFormatter24.com หลังเปิดไฟล์แล้ว คุณสามารถ format, validate, minify, inspect และดาวน์โหลดกลับได้

JSON formatter กับ JSON viewer ต่างกันอย่างไร?

JSON formatter เปลี่ยนการแสดงผลของ JSON โดยเพิ่มการเยื้องให้อ่านง่าย ส่วน JSON viewer ช่วยตรวจสอบโครงสร้าง มักมีสี syntax หรือ tree ที่ขยายได้

เครื่องมือนี้รวมทั้งสองแบบไว้ด้วยกัน มุมมองที่จัดรูปแบบเหมาะกับการคัดลอกโค้ด ส่วน Tree View เหมาะกับการสำรวจ object และ array ที่ซ้อนกันหลายระดับ

ตรวจสอบ JSON อย่างไร?

วางข้อมูลแล้วคลิก ตรวจสอบ JSON เบราว์เซอร์จะ parse ข้อความตาม syntax ของ JSON อย่างเคร่งครัด หาก parse ไม่สำเร็จ เครื่องมือจะแสดง error และระบุตำแหน่งโดยประมาณของปัญหาเมื่อเบราว์เซอร์ให้ข้อมูลดังกล่าว

ข้อผิดพลาด JSON ที่พบบ่อย ได้แก่ เครื่องหมายคำพูดหาย, trailing comma, ตัวอักษรที่ไม่ได้ escape, วงเล็บหาย และการใช้ single quote แทน double quote

JSON beautifier หรือ JSON pretty print คืออะไร?

JSON beautifier และ JSON pretty print โดยพื้นฐานหมายถึงงานเดียวกัน คือเปลี่ยน JSON แบบ compact ให้เป็นรูปแบบที่มีการเยื้องและมนุษย์อ่านง่าย

Beautify ไม่เปลี่ยนค่าข้อมูล จะเปลี่ยนเฉพาะ whitespace และการแสดงผล เว้นแต่คุณจะเปิดการเรียง key โดยตั้งใจ

Minify JSON หมายถึงอะไร?

Minify JSON คือการลบ spaces, การเยื้อง และการขึ้นบรรทัดใหม่ที่ไม่จำเป็น โดยไม่เปลี่ยนข้อมูล ทำให้ได้ string ที่สั้นลง เหมาะกับการส่งข้อมูล การจัดเก็บ API payload หรือ configuration แบบ compact

คลิก ย่อ JSON เพื่อสร้างเวอร์ชัน compact จากนั้นคัดลอกหรือดาวน์โหลดผลลัพธ์

JSON lint, JSON parser และ JSON validator คืออะไร?

JSON lint หรือ validator ตรวจสอบว่าข้อความเป็นไปตาม syntax ของ JSON หรือไม่ ส่วน JSON parser อ่าน JSON ที่ถูกต้องแล้วแปลงเป็นโครงสร้างข้อมูลที่ software ใช้งานได้

หน้านี้ parse JSON ในเบราว์เซอร์เพื่อ validate, สร้าง output แบบ formatted หรือ minified, คำนวณสถิติโครงสร้าง และสร้าง tree viewer

JSON ของฉันเป็นส่วนตัวหรือไม่?

ใช่ การ format, validate, render tree และอ่านไฟล์ทำผ่าน JavaScript ในเบราว์เซอร์ JSON ที่คุณวางจะไม่ถูกส่งไปยัง JSONFormatter24.com โดยตั้งใจเพื่อประมวลผล

สำหรับข้อมูลละเอียดอ่อน ควรหลีกเลี่ยงการวาง secret ลงใน browser extension หรือเครื่องมือ third-party ที่คุณไม่ไว้ใจ

สามารถเรียง key ของ JSON ได้หรือไม่?

ได้ เปิด เรียง Key ก่อน format หรือ minify โดย key ของ object จะถูกเรียงตามตัวอักษรในทุกระดับที่ซ้อนกัน ขณะที่ลำดับของ array จะคงเดิม

การเรียง key ช่วยให้เปรียบเทียบไฟล์ configuration และ API response ได้ง่ายขึ้น แต่ควรจำว่าลำดับ key ของ object ใน output จะเปลี่ยนไป