JSON คืออะไร? รูปแบบข้อมูลมาตรฐานสำหรับเว็บ

JSON (JavaScript Object Notation)

รูปแบบข้อมูลแบบ Key-Value Pair ที่เป็นข้อความ (Text-based) 輕量 (Lightweight) และอ่านง่าย ทั้งมนุษย์และเครื่อง ใช้ส่งข้อมูลระหว่าง Server และ Client เป็นมาตรฐาน

โครงสร้าง JSON

• Object: { "key": "value" }
• Array: [ "value1", "value2" ]
• รองรับ: String, Number, Boolean, Null, Object, Array
• Key ต้องอยู่ในเครื่องหมายคำพูดคู่ ""

ตัวอย่างข้อมูล Astronauts จาก API

{
  "message": "success",
  "number": 7,
  "people": [
    { "craft": "ISS", "name": "Sergey Ryzhikov" },
    { "craft": "ISS", "name": "Kate Rubins" },
    { "craft": "ISS", "name": "Victor Glover" }
  ]
}

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

Fetch + Convert to JSON

fetch('https://api.open-notify.org/astros.json')
  .then(response => response.json())
  .then(data => console.log(data));

เข้าถึงข้อมูล

data.number;        // 7
data.people[0].name; // "Sergey Ryzhikov"

สรุป

JSON เป็นภาษากลางของเว็บ ใช้แลกเปลี่ยนข้อมูลระหว่างระบบต่างๆ JavaScript มี JSON.parse() และ JSON.stringify() สำหรับแปลงระหว่าง Object และ String