บทความ

คู่มือ JSON สำหรับนักพัฒนา

เรียนรู้วิธีการทำงานกับ JSON ตั้งแต่พื้นฐานไปจนถึงเทคนิคขั้นสูง พร้อมตัวอย่างโค้ด

JSON คืออะไร?

JSON (JavaScript Object Notation) เป็นรูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักเบา อ่านง่าย และเขียนง่ายทั้งสำหรับมนุษย์และเครื่องจักร แม้ว่าจะมีต้นกำเนิดจาก JavaScript แต่ปัจจุบันรองรับในภาษาโปรแกรมทุกภาษา

โครงสร้างของ JSON

JSON ประกอบด้วย:

  • Object: คู่ key-value ที่อยู่ในเครื่องหมายปีกกา { }
  • Array: รายการข้อมูลที่เรียงลำดับกันในเครื่องหมายวงเล็บ [ ]
  • Value: สตริง, ตัวเลข, boolean, null, object, หรือ array
{
  "name": "DevTools Pro",
  "version": "1.0.0",
  "features": ["JSON", "Base64", "JWT"],
  "settings": {
    "theme": "dark",
    "language": "th"
  }
}

การใช้งาน JSON ใน JavaScript

การแปลง JSON เป็น Object

const jsonString = '{"name": "John", "age": 30}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // "John"

การแปลง Object เป็น JSON

const obj = { name: "John", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // '{"name":"John","age":30}'

ข้อดีของ JSON

  • มีน้ำหนักเบาและกระชับ
  • อ่านและเขียนง่าย
  • รองรับในทุกภาษาโปรแกรม
  • ใช้กันอย่างแพร่หลายใน RESTful APIs
  • ไม่ต้องการ parsing ที่ซับซ้อน

JSON vs XML

JSON มักถูกเปรียบเทียบกับ XML เนื่องจากทั้งคู่ใช้สำหรับแลกเปลี่ยนข้อมูล อย่างไรก็ตาม JSON มีข้อดีที่ชัดเจนกว่าในแง่ของความกระชับและความง่ายในการใช้งาน

เคล็ดลับ: ใช้เครื่องมือ JSON Formatter และ JSON Minify ของเราเพื่อจัดรูปแบบและบีบอัดข้อมูล JSON ของคุณได้อย่างรวดเร็ว