เจสันคืออะไร? คำอธิบายที่สมบูรณ์ของสัญกรณ์วัตถุ JavaScript
ตอบด่วน
JSON เป็นรูปแบบ text สำหรับข้อมูลโครงสร้างด้วย key-value pair และ array รองรับหก datatype: string, number, boolean, null, object, array JSON เป็นมาตรฐานแลกเปลี่ยนข้อมูลระหว่าง web server และเบราว์เซอร์ ใช้ JSON Formatter ฟรีของเรา
การแนะนำ
JSON (JavaScript Object Notation) เป็นรูปแบบแลกเปลี่ยนข้อมูล text-based น้ำหนัก อ่านเขียนง่ายสำหรับมนุษย์ parse generate ง่ายสำหรับเครื่อง แม้ชื่อ JSON ไม่ขึ้นภาษา —ใช้โดย Python, Java, Go และทุกภาษาสมัยใหม่ JSON กำหนดโดย RFC 8259 เป็นรูปแบบข้อมูลหลักของ web API และ NoSQL database
ทีละขั้นตอน
-
ทำความเข้าใจไวยากรณ์ JSON
JSON ใช้เครื่องหมายปีกกา {} สำหรับวัตถุ (คู่คีย์-ค่า), วงเล็บเหลี่ยม [] สำหรับอาร์เรย์ (รายการที่เรียงลำดับ) และเครื่องหมายโคลอนเพื่อแยกคีย์ออกจากค่า คีย์ต้องเป็นสตริงในเครื่องหมายคำพูดคู่ ค่าอาจเป็นสตริง ตัวเลข บูลีน ค่าว่าง อ็อบเจ็กต์ หรืออาร์เรย์
-
เรียนรู้ข้อมูลทั้งหกประเภท
JSON รองรับข้อมูลได้หกประเภทเท่านั้น: สตริง (ในเครื่องหมายคำพูดคู่), ตัวเลข (ไม่มีความแตกต่างระหว่าง int/float), บูลีน (จริงหรือเท็จ), null, วัตถุ ({...}) และอาร์เรย์ ([...]) JSON ไม่รองรับฟังก์ชันที่ไม่ได้กำหนด วันที่ หรือ NaN
-
รู้จักโครงสร้าง JSON
เอกสาร JSON เป็นวัตถุหรืออาร์เรย์ที่ระดับบนสุด ออบเจ็กต์มีคู่คีย์-ค่า อาร์เรย์มีค่าที่เรียงลำดับ โครงสร้างสามารถซ้อนกันได้ที่ความลึกเท่าใดก็ได้ — ค่าอ็อบเจ็กต์อาจเป็นอ็อบเจ็กต์หรืออาร์เรย์อื่นก็ได้
-
แยกวิเคราะห์และสร้าง JSON
ใน JavaScript JSON.parse(string) แปลงสตริง JSON เป็นอ็อบเจ็กต์ JavaScript และ JSON.stringify(object) แปลงอ็อบเจ็กต์ JavaScript ให้เป็นสตริง JSON ภาษาสมัยใหม่ทุกภาษามีหน้าที่ที่เท่าเทียมกัน
ตัวอย่าง
วัตถุ JSON ที่เรียบง่าย
ป้อนข้อมูล: บุคคลที่มีชื่อและอายุ
เอาท์พุต: {"name": "Alice", "age": 30}
JSON พร้อมโครงสร้างแบบซ้อน
ป้อนข้อมูล: ผู้ใช้ที่มีที่อยู่
เอาท์พุต: {"name": "Alice", "address": {"city": "NYC", "zip": "10001"}}
JSON อาร์เรย์
ป้อนข้อมูล: รายการตัวเลข
เอาท์พุต: [1, 2, 3, 4, 5]
ปัญหาทั่วไป
- การใช้เครื่องหมายคำพูดเดี่ยว —JSON ต้องใช้เครื่องหมายคำพูดคู่สำหรับสตริงและคีย์ทั้งหมด เครื่องหมายคำพูดเดี่ยวไม่ถูกต้อง
- เครื่องหมายจุลภาคต่อท้าย —เครื่องหมายจุลภาคหลังรายการสุดท้ายในวัตถุหรืออาร์เรย์เป็นข้อผิดพลาดทางไวยากรณ์ใน JSON
- ความคิดเห็น —มาตรฐาน JSON ไม่รองรับความคิดเห็น ใช้ JSONC หรือ JSON5 หากคุณต้องการความคิดเห็น
- คีย์ที่ไม่มีเครื่องหมายคำพูด —ต่างจากตัวอักษรอ็อบเจ็กต์ JavaScript JSON กำหนดให้คีย์ทั้งหมดอยู่ในเครื่องหมายคำพูดคู่
เคล็ดลับ
- JSON ไม่ขึ้นอยู่กับภาษาแม้จะมีชื่อก็ตาม ภาษาสมัยใหม่ทุกภาษามีการรองรับ JSON
- ใช้ JSON สำหรับคำขอและการตอบกลับ API ซึ่งเป็นมาตรฐานโดยพฤตินัย โดยแทนที่ XML
- ตรวจสอบ JSON ก่อนส่งในคำขอ API เพื่อหลีกเลี่ยงข้อผิดพลาด 400 รายการ
- ใช้ JSON ฟอร์แมตเตอร์ของเราเพื่อตกแต่ง ตรวจสอบ และย่อขนาด JSON ทันทีในเบราว์เซอร์ของคุณ