Beautify JSON - JSON Formatter

แปลง JSON ที่อ่านยากให้เป็นโค้ดที่จัดรูปแบบสวยงาม

แท็กต่างๆ: beautify code json

🚀 180,269 การแปลงทั้งหมด (15 ในเดือนนี้)

บทนำ

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

วิธีการใช้เครื่องมือนี้

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

JSON คืออะไร?

JSON (JavaScript Object Notation) เป็นรูปแบบข้อมูลมาตรฐานเปิดที่มีน้ำหนักเบา ใช้ข้อความที่มนุษย์อ่านได้เพื่อแสดงวัตถุข้อมูลที่ประกอบด้วยคู่คุณลักษณะ-ค่าและอาร์เรย์ มันถูกใช้อย่างแพร่หลายสำหรับการแลกเปลี่ยนข้อมูล โดยเฉพาะอย่างยิ่งเป็นทางเลือกที่ง่ายกว่า XML ในระบบ AJAX

ความนิยมของ JSON มาจากความเรียบง่ายและความหลากหลาย ทำให้เป็นรูปแบบที่นิยมสำหรับ API ไฟล์การกำหนดค่า และงานการแชร์ข้อมูลอื่น ๆ เรียนรู้เพิ่มเติม

ไวยากรณ์ JSON

JSON กำหนดโครงสร้างหลักสองแบบ: วัตถุและอาร์เรย์

  • **วัตถุ**: คอลเลกชันของคู่ชื่อ-ค่าที่ปิดล้อมในวงเล็บปีกกา `{}`.
  • **อาร์เรย์**: รายการของค่าที่ปิดล้อมในวงเล็บเหลี่ยม `[]`.

JSON สนับสนุนเจ็ดประเภทข้อมูล: สตริง, ตัวเลข, วัตถุ, อาร์เรย์, `true`, `false`, และ `null` ด้านล่างนี้คือตัวอย่างของวัตถุ JSON ที่มีคู่ชื่อ-ค่า คีย์ "phoneNumbers" ถืออาร์เรย์ของวัตถุสองตัว:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}
      
    

ตัวอย่าง

ยังไม่จัดระเบียบ:

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
      
    

หลังจากจัดระเบียบ:

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}