Object

const person = {
    name: "Robert Cray",
    car: "Tesla Model Y",
    age: 72,
    isAlive: true
}

const car = {
    name: "Range Rover",
    model: "2025",
    color: "yellow",
    drive: function() {
        console.log("driving...")
    },
    stop: function() {
        console.log("stoping...")
    }
}

car.drive()   // driving...

const person = {
    firstName: "Bryan",
    lastName: "Wilson",
    age: 50
}

// dot notation
console.log(person.age)            // 50
person.age = 25
console.log(person.age)            // 25

// bracket notation
console.log(person["firstName"])   // Bryan
person["firstName"] = "Jonny"

// Adding property
person.salary = 21000
person["home"] = "Alaska"

// Accessing nonexist property
console.log(person.school)         // undefined

const coach = {
    firstName: "Bryan",
    lastName: "Wilson",
    age: 34,
    sayFullName: function() {
        console.log(this.firstName + " " + this.lastName)
    }
}

coach.sayFullName()   // Bryan Wilson

coach["sayFullName"]()

const functionNameToCall = "sayFullName"
coach[functionNameToCall]()

for (key in coach) {
    console.log(key)               // firstName, lastName, age, sayFullName
}

for (key in coach) {
    console.log(typeof key)        // string, string, string, string
}

for (key in coach) {
    console.log(coach[key])        // Bryan, Wilson, 34, [Function: sayFullName]
}

for (key in coach) {
    console.log(typeof coach[key]) // string, string, number, function
}

const coach = {
    firstName: "Bryan",
    lastName: "Wilson",
    age: 34,
    location: {
        city: "BKK",
        country: "Thailand"
    }
}

// 1. ไม่ใช้ destructuring
function message(personObj) {
    console.log("Hello, " + personObj.firstName + " " + personObj.lastName);
}

// 2. destructuring ใน body
function shorter(personObj) {
    const { firstName, lastName } = personObj;
    console.log("Hello, " + firstName + " " + lastName);
}

// 3. destructuring ที่ parameter
function moreShorter({ firstName, lastName }) {
    console.log("Hello, " + firstName + " " + lastName);
}

// 4. destructuring ซ้อน + template literal
function smartAndShort({ firstName, lastName, location: { country } }) {
    console.log(`Hello ${firstName} ${lastName}. Are you from ${country}`)
}

smartAndShort(coach);   // Hello Bryan Wilson. Are you from Thailand

const coach = { firstName: "Bryan", lastName: "Wilson", age: 34 }

console.log(Object.keys(coach));     // ["firstName", "lastName", "age"]
console.log(Object.values(coach));   // ["Bryan", "Wilson", 34]

const book = { title: "JS", price: 300 };
const field = "price";

book.pages = 120;
book[field] = book[field] + 50;

const { title, price } = book;
console.log(title, price);
console.log(book.field);
console.log(Object.keys(book).length);