Beautify JSON - JSON Formatter
แปลง JSON ที่อ่านยากให้เป็นโค้ดที่จัดรูปแบบสวยงาม
บทนำ
เครื่องมือจัดระเบียบ 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"
}
}
]
}