JSON Minifier - แปลง JSON เป็น String ออนไลน์
ย่อข้อมูล JSON อย่างรวดเร็วและแปลงระหว่าง JSON strings และ objects ด้วยเครื่องมือออนไลน์ฟรีนี้
บทนำ
เครื่องมือบีบอัด JSON ออนไลน์นี้ช่วยให้คุณบีบอัดและปรับปรุงโค้ด JSON ของคุณได้อย่างง่ายดาย เหมาะสำหรับการลดขนาดไฟล์และปรับปรุงประสิทธิภาพของแอปพลิเคชันที่จัดการข้อมูล JSON
วิธีการใช้เครื่องมือนี้
- วางโค้ด JSON ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
- คลิกปุ่ม บีบอัด เพื่อบีบอัดโค้ด JSON ของคุณ
-
หลังจากบีบอัดแล้ว คุณสามารถ:
- ดาวน์โหลดผลลัพธ์ที่ปรับปรุงแล้ว
- บันทึกหรือแชร์โดยใช้ลิงก์เฉพาะ
- ลงชื่อเข้าใช้ด้วย Google หรือ GitHub เพื่อบันทึก JSON ที่บีบอัดไว้สำหรับการใช้งานในอนาคต
JSON คืออะไร?
JSON (JavaScript Object Notation) เป็นรูปแบบไฟล์มาตรฐานเปิดที่ใช้สำหรับการจัดเก็บและแลกเปลี่ยนข้อมูล มันแสดงข้อมูลเป็นคู่คุณลักษณะ-ค่าและอาร์เรย์โดยใช้รูปแบบข้อความที่มนุษย์อ่านได้ JSON ถูกใช้กันอย่างแพร่หลายในแอปพลิเคชันเว็บและ API มักจะใช้แทน XML ในระบบ AJAX เนื่องจากความเรียบง่ายและประสิทธิภาพ
เรียนรู้เพิ่มเติมเกี่ยวกับ JSON จาก เอกสาร JSON อย่างเป็นทางการ .
ไวยากรณ์ของ JSON
JSON สนับสนุนโครงสร้างข้อมูลหลักสองประเภท:
- วัตถุ: ชุดของคู่ชื่อ-ค่า ที่อยู่ในวงเล็บปีกกา (
{}
). - อาร์เรย์: รายการของค่า ที่อยู่ในวงเล็บเหลี่ยม (
[]
).
JSON กำหนดประเภทค่าดังนี้: สตริง, ตัวเลข, วัตถุ, อาร์เรย์, true
, false
, และ null
.
นี่คือตัวอย่างของข้อมูล JSON:
{
"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"}}]}