JavaScript JSON: คู่มือการใช้งาน Parse, Stringify และเข้าถึงข้อมูล

JSON vs JavaScript Object

การเข้าถึงข้อมูล JSON

var black_lotus = {
  "card_name": "Black Lotus",
  "status": "banned",
  "card_type": "Mono Artifact",
  "mana": "0"
};

Dot Notation

console.log(black_lotus.card_type); // "Mono Artifact"

Bracket Notation

console.log(black_lotus["card_type"]); // "Mono Artifact"

แปลงระหว่าง Object และ JSON String

Object → JSON String (Serialize)

var jsonString = JSON.stringify(black_lotus);
// '{"card_name":"Black Lotus","status":"banned",...}'

JSON String → Object (Deserialize)

var obj = JSON.parse(jsonString);
console.log(obj.card_name); // "Black Lotus"

การใช้งานจริง

• ส่งข้อมูลไป Server: JSON.stringify()
• รับข้อมูลจาก Server: JSON.parse() หรือ response.json()
• เก็บข้อมูลใน localStorage: ต้อง Stringify ก่อน

สรุป

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