const user = {
  name: "Jeonggon",
  age: 27,
  "key with space": true,
};

// 조회 - 점 표기법, 괄호 표기법
console.log(user.age); // 27
console.log(user["key with space"]); // true

// 추가
user.address = "korea";
console.log(user); // {name: 'Jeonggon', age: 27, key with space: true, address: 'korea'}

// 수정
user.age = 30;
console.log(user.age); // 30

// 삭제 - delete 사용, null 사용
// delete 단점 : 삭제하더라도 프로퍼티와 객체의 연결을 끊을 뿐, 메모리에 프로퍼티가 남아있음
delete user.address;
console.log(user); // {name: 'Jeonggon', age: 27, key with space: true}

// null 사용 : 삭제한 효과를 내며, 메모리의 내역도 지워짐
user.age = null;
console.log(user); // {name: 'Jeonggon', key with space: true}

console.log("age in user"); // true
console.log("country" in user); // false

const age = 30;
const address = "korea";

const oldUser = {
  age: age,
  address,
  address,
};

// 위의 객체를 함축하여 표현
const newUser = {
  age,
  address,
};

const product = prompt("물건 이름을 입력해주세요");
const prefix = "my";
const suffix = "property";

const bag = {
  [product]: 5,
  [prefix + suffix]: "value",
};

console.log(bag); // {연필: 5, myproperty: 'value'}

// ex)
let object = { one: "one", two: "two", three: "three" };

let one = object.one;
let two = object.two;
let three = object.three;
// 반복적인 코드를 사용하며 비효율적임

// 1) 비구조화 할당으로 간단하게 표현
let { one, two, three } = object;
// 키값을 기준으로 one이라는 키를 가지는 값을 one 변수에 저장하고
// two라는 키를 가지는 값을 two에 저장하고
// three라는 프로퍼티 값을 three에 저장
// 배열에서는 인덱스(순서)를 이용했다면, 객체는 키를 이용함
// 기본적으로 변수명이 키 이름으로 할당됨

// 2) 원하는 변수명으로 지정하는 방법
let { one: myOne, two: myTwo, three: myThree } = object;
// 콜론(:) 뒤에 원하는 변수명 지정

// 3) 존재하지 않는 키를 작성할 경우
let { one, two, three, four } = object;
// 존재하지 않는 키 이름의 four 변수에 undefined 할당됨

// 4) 기본값 설정
let { one, two, three, four = "four" } = object;
// 기본 값을 설정하면 undefined가 할당되지 않도록 할 수 있음

const person = {
  name: "Sophia",
  greeting: function() {
    return "Hello";
  },
};

// greeting 메서드 호출
console.log(person.greeting());

// 출력
// 'Hello'

const person = {
  name: "Sophia",
  greeting: function() {
    return `Hello my name is ${this.name}`;
  },
};

console.log(person.greeting());

// 출력
// 'Hello my name is Sophia'

// 단순 호출 시 this
const myFunc = function() {
  return this;
};

console.log(myFunc()); // window

// 메서드 호출시 this
const myObj = {
  data: 1,
  myFunc: function() {
    return this;
  },
};

console.log(myObj.myFunc()); // myObj

// 문제점

const myObj2 = {
  numbers: [1, 2, 3],
  myFunc: function() {
    this.numbers.forEach(function(number) {
      console.log(number); // 1 2 3
      console.log(this); // window
    });
  },
};

// 해결책 - 화살표 함수

const myObj3 = {
  numbers: [1, 2, 3],
  myFunc: function() {
    this.numbers.forEach((number) => {
      console.log(number); // 1 2 3
      console.log(this); // myObj3
    });
  },
};

const profile = {
  name: "Sophia",
  age: 30,
};

console.log(Object.keys(profile));

// 출력
// ['name', 'age']

console.log(Object.values(profile));

// 출력
// ['Sophia', 30]

const jsObject = {
  coffee: "Americano",
  iceCream: "Cookie and cream",
};

// Object -> JSON
const objToJson = JSON.stringify(jsObject);

console.log(objToJson); // {"coffee":"Americano","iceCream":"Cookie and cream"}
console.log(typeof objToJson); // string

// JSON -> Object
const jsonToObj = JSON.parse(objToJson);

console.log(jsonToObj); // { coffee: 'Americano', iceCream: 'Cookie and cream' }
console.log(typeof jsonToObj); // object