JavaScript Phase Overview

JSON ใช้ทำอะไร

`JSON` เป็น format สำหรับแลกเปลี่ยนข้อมูลแบบข้อความ ใช้เมื่อเราต้องส่ง object ไปยัง API, รับข้อมูลกลับจาก server, เก็บข้อมูลใน localStorage หรือ serialize ข้อมูลก่อนบันทึกลงไฟล์

• ส่งข้อมูลจาก frontend ไป backend ด้วย JSON string
• รับ response จาก API แล้ว parse กลับมาเป็น object
• เก็บ object ลง localStorage ด้วยการแปลงเป็น string ก่อน
• แยกความเข้าใจระหว่าง data format, stringify และ parse ให้ชัดเจน

ใน series นี้มีอะไรบ้าง

รอบนี้เราแยก `JSON` ออกมาเป็นหัวข้อหลัก และแบ่งตามงานที่ใช้จริงบ่อยที่สุด เพื่อให้กลับมาเติมเนื้อหาและตัวอย่างแต่ละส่วนได้ง่ายขึ้น

• `JSON.stringify()` — แปลง JavaScript value ให้เป็น JSON string
• `JSON.parse()` — แปลง JSON string กลับมาเป็น JavaScript value

ควรเริ่มจากหน้าไหน

ถ้ายังใหม่กับเรื่องนี้ แนะนำให้เริ่มจาก `JSON.stringify()` ก่อนเพื่อเข้าใจว่าข้อมูลถูกแปลงออกไปอย่างไร แล้วค่อยต่อด้วย `JSON.parse()` เพื่อเห็นการแปลงกลับและข้อผิดพลาดที่พบบ่อยตอนอ่าน JSON

• เริ่มจาก `JSON.stringify()` เมื่อต้องการส่งหรือบันทึกข้อมูล
• ตามด้วย `JSON.parse()` เมื่อต้องการอ่าน JSON string กลับมาใช้งาน
• กลับมาหน้า overview นี้เมื่อต้องการเห็นภาพรวมของทั้ง series