โปรแกรมจัดรูปแบบ JSON

ภาพรวมของรูปแบบ JSON

JSON (JavaScript Object Notation) เป็นรูปแบบแลกเปลี่ยนข้อมูลที่มีน้ำหนักเบา การเข้าใจกฎของ JSON เป็นสิ่งสำคัญสำหรับการสร้างและจัดการโครงสร้างข้อมูล JSON อย่างมีประสิทธิภาพ

กฎหลัก

1. อ็อบเจกต์ (Objects)
   • อยู่ภายในเครื่องหมายปีกกา { }
   • อ็อบเจกต์ว่าง: { }
2. อาเรย์ (Arrays)
   • อยู่ภายในวงเล็บเหลี่ยม [ ]
   • อาเรย์ว่าง: [ ]
3. สมาชิก (คู่คีย์–ค่า)
   • คีย์ต้องไม่ซ้ำกันภายในอ็อบเจกต์ และต้องใส่ในเครื่องหมายคำพูดคู่ ("key")
     • (ตัวแปลบางตัวอาจยอมรับเครื่องหมายคำพูดเดี่ยว แต่ควรหลีกเลี่ยงเพื่อความเข้ากันได้)
   • ค่าขึ้นอยู่กับประเภทของข้อมูล:
     • สตริง: อยู่ในเครื่องหมายคำพูดคู่
     • บูลีน: ใช้ true หรือ false
     • ตัวเลข: ปฏิบัติตามรูปแบบจุดลอยตัวแบบ double; อนุญาตให้ใช้สัญกรณ์วิทยาศาสตร์; หลีกเลี่ยงเลข 0 ข้างหน้า
     • Null: แสดงด้วย null
     • ประเภทอื่น (เช่น วันที่): ควรแปลงเป็นสตริงเพื่อให้รองรับ
   • ต้อง escape อักขระพิเศษในสตริงด้วยแบ็กสแลช (\)
4. กฎไวยากรณ์
   • คั่นสมาชิกในอ็อบเจกต์หรืออาเรย์ด้วยเครื่องหมายจุลภาค ยกเว้นตัวสุดท้าย
   • นามสกุลไฟล์: .json
   • MIME type: application/json

ตัวอย่าง JSON

{
  "anObject": {
    "numericProperty": -122,
    "stringProperty": "An offensive \" is problematic",
    "nullProperty": null,
    "booleanProperty": true,
    "dateProperty": "2011-09-23"
  },
  "arrayOfObjects": [
    { "item": 1 },
    { "item": 2 },
    { "item": 3 }
  ],
  "arrayOfIntegers": [1, 2, 3, 4, 5]
}

JSON ใน JavaScript

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

การแปลงสตริง JSON

หลีกเลี่ยงการใช้ eval()

eval() สามารถแปลง JSON ได้ แต่มีความเสี่ยงด้านความปลอดภัย เนื่องจากสามารถรันโค้ด JavaScript ใด ๆ ก็ได้ ห้ามใช้ในระบบจริง

ตัวอย่าง (ไม่ปลอดภัย – ห้ามใช้):

var jsonString = '{"property":"value"}';
var jsonObject = eval('(' + jsonString + ')');
alert(jsonObject.property);

ควรใช้ JSON.parse() แทน

JSON.parse() จะแปลงสตริง JSON ให้เป็นอ็อบเจกต์ JavaScript อย่างปลอดภัย

ตัวอย่าง (ปลอดภัย):

var jsonString = '{"property":"value"}';
var jsonObject = JSON.parse(jsonString);
alert(jsonObject.property);

การสร้างสตริง JSON

ใช้ JSON.stringify() เพื่อแปลงอ็อบเจกต์ JavaScript เป็นสตริง JSON

ตัวอย่าง:

var jsObject = { property: "value" };
var jsonString = JSON.stringify(jsObject);
alert(jsonString); // Output: '{"property":"value"}'

การสร้างอ็อบเจกต์ JavaScript โดยตรง

สามารถสร้างอ็อบเจกต์ JavaScript ได้โดยใช้ไวยากรณ์ JSON ภายในโค้ดของคุณโดยตรง

ตัวอย่าง:

var jsonObject = { property: "value" };
alert(jsonObject.property); // Output: 'value'

แนวปฏิบัติที่ดีและคำแนะนำ

1. ใช้เครื่องหมายคำพูดคู่เสมอสำหรับคีย์และค่าสตริงเพื่อความเข้ากันได้สูงสุด
2. หลีกเลี่ยงการใช้ eval() เพื่อป้องกันช่องโหว่ด้านความปลอดภัย
3. Escape อักขระพิเศษในสตริง
4. ใช้ JSON.stringify() และ JSON.parse() เพื่อการจัดการ JSON ที่ปลอดภัยและมีประสิทธิภาพ
5. ตรวจสอบความถูกต้องของข้อมูล JSON ก่อนแปลง โดยเฉพาะหากมาจากแหล่งที่ไม่น่าเชื่อถือ