บทความ
คู่มือ 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 ของคุณได้อย่างรวดเร็ว