การใช้งาน JSON String Data ในภาษา TypeScript เบื้องต้น

// 1. JSON String Data ที่ได้รับจาก Server
const jsonString: string = `
    [
        { "score": 40, "overtime": false },
        { "score": 80, "overtime": true }
    ]
`;

// 2. แปลง JSON String ให้เป็น Object (Array of Objects)
const scores = JSON.parse(jsonString);

// scores จะถูกอนุมานชนิดเป็น Array of any (any[])
console.log(scores.length); // 2
console.log(`First score is ${scores[0].score}`); // First score is 40

// Object หรือ Array ที่ต้องการแปลง
const scores = [
    { score: 40 },
    { score: 80, overtime: true, specialGuest: null } // รองรับ null, boolean
];

// แปลง Object ให้เป็น JSON String
const jsonText: string = JSON.stringify(scores);

console.log(typeof jsonText); // string
// Output: [{"score":40},{"score":80,"overtime":true,"specialGuest":null}]

// Interface สำหรับโครงสร้างข้อมูล
interface Address {
    street: string;
    city: string;
}

interface User {
    firstName: string;
    address: Address; // ใช้ Interface ที่ซ้อนกัน
}

const jsonString = '{"firstName":"Ebiwayo","address":{"street":"My Str.","city":"New York"}}';

// ประกาศตัวแปรเป็นชนิด User หลังจาก parse
const user: User = JSON.parse(jsonString); 

console.log(user.address.city); // New York

class User {
    constructor(
        public firstName: string, 
        public address: Address // ใช้ Interface เป็นชนิดข้อมูล
    ) {}

    // Static Factory Method: ใช้รับ Object ที่ถูกแปลงมาแล้ว (JSON Object)
    static fromJson(json: { [key: string]: any }): User {
        // ตรวจสอบและแปลงข้อมูล Address ที่ซ้อนกัน
        const addressData = json['address'];
        const address = new Address(addressData.street, addressData.city);
        
        return new User(json['firstName'], address);
    }
    
    // Method สำหรับแปลงกลับไปเป็น JSON-ready Object (ถ้าต้องการ)
    public toJson(): any {
        return {
            firstName: this.firstName,
            address: this.address
        };
    }
}

const jsonArray = `[
    { "firstName": "Alice", "address": {...} },
    { "firstName": "Bob", "address": {...} }
]`;

// 1. แปลง JSON String เป็น Array of generic objects
const jsonObjects: any[] = JSON.parse(jsonArray);

// 2. ใช้ .map() เพื่อแปลง Array of any เป็น Array of User (User[])
const userList: User[] = jsonObjects.map(obj => User.fromJson(obj));

console.log(userList[0].firstName); // Alice
console.log(userList.length);       // 2