วิธีสร้างไฟล์ .JSON ใน Notepad

JSON คือข้อความธรรมดาที่มีกฎเกณฑ์ที่เข้มงวด ซึ่ง Notepad สามารถเขียนได้สบายมาก สิ่งที่คนมักทำผิดพลาดคือเรื่องของไวยากรณ์ (Syntax) ไม่ใช่ตัวเครื่องมือ ขอแค่โครงสร้างถูกต้อง การบันทึกไฟล์ก็เป็นเรื่องง่ายนิดเดียว

ไฟล์ JSON คืออะไร?

JSON ย่อมาจาก JavaScript Object Notation มันจัดเก็บข้อมูลในรูปแบบคู่คีย์-ค่า (Key-Value Pairs) ภายในปีกกา (Curly Braces) พร้อมรองรับออบเจกต์ซ้อนทับ (Nested Objects) และอาร์เรย์ (Arrays) แอปพลิเคชัน, API และไฟล์กำหนดค่า (Config Files) นิยมใช้งานเพราะมีขนาดเบาและภาษายอดนิยมทุกภาษาสามารถอ่านได้

ไฟล์ JSON พื้นฐานจะมีหน้าตาแบบนี้:

{

  "name": "John",

  "age": 28,

  "isActive": true,

  "skills": ["writing", "editing"]

}

ทีละขั้นตอน: วิธีสร้างไฟล์ JSON ใน Notepad

ขั้นตอนที่ 1: เปิด Notepad

เปิดโปรแกรม Notepad บนคอมพิวเตอร์ของคุณ หรือใช้งาน Notepad ออนไลน์ ฟรีจากเบราว์เซอร์ใดก็ได้

ขั้นตอนที่ 2: เริ่มต้นด้วยวงเล็บปีกกาเปิด

ไฟล์ JSON ทุกไฟล์จะเริ่มต้นด้วย { สำหรับออบเจกต์ หรือ [ สำหรับอาร์เรย์ โดยไฟล์ส่วนใหญ่จะเริ่มต้นด้วยออบเจกต์

ขั้นตอนที่ 3: เพิ่มคีย์และค่าของคุณ

เขียนแต่ละคีย์ไว้ในเครื่องหมายคำพูดคู่ (Double Quotes) ตามด้วยเครื่องหมายทวิภาค (Colon) และตามด้วยค่า คั่นแต่ละคู่ด้วยเครื่องหมายจุลภาค (Comma)

{

  "title": "Sample File",

  "version": 1

}

ขั้นตอนที่ 4: ปิดไฟล์ให้ถูกต้อง

จับคู่วงเล็บปีกกาหรือวงเล็บก้ามปูที่เปิดไว้ด้วยเครื่องหมายปิดให้ครบถ้วน คู่คีย์-ค่าตัวสุดท้ายในออบเจกต์หรืออาร์เรย์ไม่ต้องใส่เครื่องหมายจุลภาคต่อท้าย

ขั้นตอนที่ 5: บันทึกด้วยนามสกุล .json

ไปที่เมนู File (ไฟล์) แล้วเลือก Save As (บันทึกเป็น) เลือก All Files ในเมนูดรอปดาวน์ "Save as type" ตั้งชื่อไฟล์โดยใช้นามสกุล .json เช่น data.json หากบันทึกโดยไม่เปลี่ยนตัวเลือกในเมนูดรอปดาวน์นี้ ไฟล์จะกลายเป็นไฟล์ .txt ซึ่งจะไม่ถูกอ่านเป็น JSON

ขั้นตอนที่ 6: ตรวจสอบความถูกต้องก่อนใช้งาน

วางโค้ดลงใน JSON editor เพื่อยืนยันว่าถูกต้องก่อนนำไปใช้ในสคริปต์หรือแอปพลิเคชัน การตรวจสอบอย่างรวดเร็วนี้จะช่วยให้คุณไม่ต้องมานั่งแก้บั๊กทีหลัง

กฎไวยากรณ์ JSON ที่ควรจำ

• ใช้เครื่องหมายคำพูดคู่เท่านั้น คีย์และค่าที่เป็นข้อความต้องอยู่ในเครื่องหมายคำพูดคู่ ไม่ใช่เครื่องหมายคำพูดเดี่ยว

• ห้ามมีเครื่องหมายจุลภาคต่อท้าย (Trailing Commas) ไม่มีเครื่องหมายใดๆ ตามหลังรายการสุดท้ายในออบเจกต์หรืออาร์เรย์

• ห้ามใส่คอมเมนต์ JSON มาตรฐานไม่รองรับโน้ตแบบ // หรือ /* */ ภายในไฟล์

• ค่า Boolean ต้องเป็นตัวพิมพ์เล็ก ใช้ true และ false ไม่ใช่ True หรือ FALSE

• ตัวเลขไม่ต้องใส่เครื่องหมายคำพูด เขียน 28 ไม่ใช่ "28" เว้นแต่ว่าค่านั้นต้องการให้เป็นข้อความ

ข้อผิดพลาดทั่วไปและวิธีหลีกเลี่ยง

ปัญหา: ลืมใส่เครื่องหมายจุลภาคคั่นระหว่างคู่คีย์-ค่า วิธีแก้: ทุกคู่ยกเว้นคู่สุดท้ายต้องมีเครื่องหมายจุลภาคต่อท้าย

ปัญหา: วงเล็บเปิด-ปิดไม่ตรงกัน วิธีแก้: นับคู่ {} และ [] ของคุณ ตัวตรวจสอบความถูกต้องจะชี้ไปยังบรรทัดที่ไม่ตรงกันให้เห็นอย่างชัดเจน

ปัญหา: ไม่ได้ Escape เครื่องหมายคำพูดภายในข้อความ วิธีแก้: Escape เครื่องหมายคำพูดด้านในด้วยแบ็กสแลช เช่น \"He said \\\"hello\\\"\"

ปัญหา: คีย์ไม่มีเครื่องหมายคำพูด วิธีแก้: ทุกคีย์ต้องถูกครอบด้วยเครื่องหมายคำพูดคู่ แม้จะเป็นคีย์สั้นๆ อย่าง id หรือ name ก็ตาม

บทสรุป

ไฟล์ JSON ก็คือข้อความธรรมดาที่ปฏิบัติตามรูปแบบที่เข้มงวด เพียงแค่เขียนคีย์และค่าด้วยเครื่องหมายคำพูดคู่ จับคู่วงเล็บให้ถูกต้อง ละเว้นเครื่องหมายจุลภาคตัวสุดท้าย และบันทึกด้วยนามสกุล .json นำไปผ่านเครื่องมือตรวจสอบความถูกต้องสักรอบก่อนใช้งาน เท่านี้ก็เรียบร้อย