ข้ามไปยังเนื้อหาหลัก
FreeOnlineTools Go
ไทย
คำอธิบาย

เข้าใจ JSON: คู่มือเริ่มต้นสำหรับการจัดรูปแบบและตรวจสอบ

โดย FreeOnlineTools Team · อัปเดตเมื่อ 2026-08-27

ตอบด่วน

JSON เป็นรูปแบบข้อมูล text-based ใช้ key-value pair และ array รองรับ string, number, boolean, null, object, array ใช้ JSON Formatter ฟรีของเราเพื่อ beautify validate และ minify —การประมวลผลในเบราว์เซอร์

การแนะนำ

JSON (JavaScript Object Notation) เป็นรูปแบบแลกเปลี่ยนข้อมูลน้ำหนัก อ่านและเขียนง่ายสำหรับมนุษย์ parse และ generate ง่ายสำหรับเครื่อง เป็นรูปแบบข้อมูลทั่วไปสำหรับการสื่อสารระหว่าง web server และเบราว์เซอร์ และแทนที่ XML ใน web API สมัยใหม่

ทีละขั้นตอน

  1. ทำความเข้าใจไวยากรณ์ JSON

    JSON ใช้เครื่องหมายปีกกา {} สำหรับวัตถุ วงเล็บเหลี่ยม [] สำหรับอาร์เรย์ และคู่คีย์-ค่าคั่นด้วยเครื่องหมายทวิภาค คีย์ต้องเป็นสตริงในเครื่องหมายคำพูดคู่ ค่าอาจเป็นสตริง ตัวเลข บูลีน ค่าว่าง อ็อบเจ็กต์ หรืออาร์เรย์

  2. จัดรูปแบบ JSON ของคุณ

    วางข้อมูล JSON ของคุณลงในเครื่องมือ JSON ฟอร์แมตเตอร์ มันจะตกแต่ง JSON โดยอัตโนมัติด้วยการเยื้องและการขึ้นบรรทัดใหม่อย่างเหมาะสม ทำให้อ่านง่าย

  3. ตรวจสอบโครงสร้าง

    ตัวจัดรูปแบบจะตรวจสอบ JSON ของคุณเพื่อหาข้อผิดพลาดทางไวยากรณ์ หากถูกต้อง จะแสดงเอาต์พุตที่จัดรูปแบบแล้ว หากไม่ถูกต้องก็จะแสดงข้อความแสดงข้อผิดพลาดที่บ่งบอกถึงปัญหา

  4. คัดลอกหรือใช้ผลลัพธ์

    คัดลอก JSON ที่จัดรูปแบบแล้วไปยังคลิปบอร์ดของคุณเพื่อใช้ในโค้ด เอกสารประกอบ หรือการดีบัก

ตัวอย่าง

วัตถุที่เรียบง่าย

ป้อนข้อมูล: {"name":"Alice","age":30}

เอาท์พุต: { "name": "Alice", "age": 30 }

อาร์เรย์ของวัตถุ

ป้อนข้อมูล: [{"id":1},{"id":2}]

เอาท์พุต: [ { "id": 1 }, { "id": 2 } ]

โครงสร้างที่ซ้อนกัน

ป้อนข้อมูล: {"user":{"name":"Bob","tags":["admin","user"]}}

เอาท์พุต: { "user": { "name": "Bob", "tags": ["admin", "user"] } }

ปัญหาทั่วไป

  • การใช้เครื่องหมายคำพูดเดี่ยวสำหรับสตริง —JSON ต้องใช้เครื่องหมายคำพูดคู่สำหรับสตริงและคีย์
  • เครื่องหมายจุลภาคต่อท้าย —JSON ไม่อนุญาตให้ใช้เครื่องหมายจุลภาคหลังรายการสุดท้ายในวัตถุหรืออาร์เรย์
  • ความคิดเห็น —JSON ไม่รองรับความคิดเห็น (// หรือ /* */) ใช้ JSONC หรือ JSON5 หากคุณต้องการความคิดเห็น
  • คีย์ที่ไม่มีเครื่องหมายคำพูด — คีย์ทั้งหมดจะต้องอยู่ในเครื่องหมายคำพูดคู่ ซึ่งแตกต่างจากตัวอักษรอ็อบเจ็กต์ JavaScript

เคล็ดลับ

  • ใช้ฟอร์แมตเตอร์ JSON เพื่อตรวจจับข้อผิดพลาดทางไวยากรณ์ก่อนส่งข้อมูลไปยัง API
  • JSON แบบย่อขนาดจะช่วยประหยัดแบนด์วิธ — ใช้การลดขนาดในการผลิต การจัดรูปแบบในการพัฒนา
  • JSON ไม่รองรับฟังก์ชันหรือวันที่ที่ไม่ได้กำหนดเป็นค่า — ใช้สตริง null หรือ ISO 8601
  • ใช้ JSON.parse() ใน JavaScript เพื่อแปลงสตริง JSON เป็นอ็อบเจ็กต์ และใช้ JSON.stringify() เพื่อแปลงอ็อบเจ็กต์เป็น JSON

เครื่องมือที่เกี่ยวข้อง

  • JSON ตัวจัดรูปแบบ — จัดรูปแบบ, beautify and validate JSON ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, fully เป็นส่วนตัวทั้งหมด.
  • Base64 Encode & Decode — เข้ารหัส and decode Base64 with UTF-8 support. ทันที, เป็นส่วนตัวทั้งหมด, browser-based. ไม่อัปโหลด, no signup.
  • URL Encode & Decode — เข้ารหัส and decode URL (percent-encoding) with UTF-8 support. ทันที, เป็นส่วนตัวทั้งหมด, browser-based. ไม่อัปโหลด, no signup.
  • UUID ตัวสร้าง — สร้าง random UUIDs (v4) ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, fully เป็นส่วนตัวทั้งหมด.
  • CSV JSON ตัวแปลง — แปลง between CSV and JSON format ในเบราว์เซอร์ของคุณ. Free, online, ไม่อัปโหลด, fully เป็นส่วนตัวทั้งหมด bidirectional conversion.
  • CSV to JSON Serializer — ออนไลน์ฟรี csv to json serializer. Process data ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, no signup, fully เป็นส่วนตัวทั้งหมด.
  • CSV zu JSON ตัวแปลง — CSV zu JSON ตัวแปลง ออนไลน์ฟรี. ประมวลผลข้อมูลทันทีในเบราว์เซอร์ของคุณ. ไม่อัปโหลด ไม่ต้องสมัครสมาชิก เป็นส่วนตัวทั้งหมด.
  • fake JSON data ตัวสร้าง — fake JSON data ตัวสร้าง ออนไลน์ฟรี. ประมวลผลข้อมูลทันทีในเบราว์เซอร์ของคุณ. ไม่อัปโหลด ไม่ต้องสมัครสมาชิก เป็นส่วนตัวทั้งหมด.

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

อ้างอิง