49일차 - 부족한 부분들 복습(객체)

오늘도 뒤로 돌아가서 다시 공부 중이다. 공부를 하려고 자료를 읽을 때, 한 자료만 읽지말고 여러 자료들을 다 읽어야 된다는 것을 한번 더 느꼈다.

공부는 모던 자바스크립트 튜토리얼 과 함께 했다.

오늘 공부하면서 새로 알게 된 부분들은 아래와 같다.

객체의 마지막 프로퍼티를 쉼표로 끝낼 수 있다.

1. 항상 객체의 끝을 쉼표( , )를 쓰지 않고 끝냈었다. 내가 배운 방식은 그렇게 기 때문이다. 만약 쉼표가 있다면 오타인줄 알고 지웠었다.
   그런데 오늘 배운 것으로는 마지막 프로포티에 있는 쉼표를 trailing(길게 늘어지는) 쉼표라고 하고 오히려 모든 프로퍼티가 유사한 형태를 띄기 때문에 추가, 삭제, 이동이 편리해 진다는 것이다.

let obj = {
  first: "hello",
  second: "world",
};

이런식으로 말이다.

2. computed property, 한국말로는 계산된 프로퍼티이다.

let greeting = "hello";
let obj = {
  [greeting + "world"]: "hi"
}
obj.helloworld // hi

이런식으로 객체 밖의 선언된 변수와 합칠 수 있다.

3. property value shorthand, 프로퍼티 갑 단축 구문이다.

function makeCoffee(base, cream) {
  return {
    base,
    cream,
  };
}

// 이런식으로 함수를 만들어 놓고

let myCoffee = makeCoffee("americano", "no");

//새로운 coffe를 만들 수 있다.

myCoffee // {base: "americano", cream: "no"}

새로운 객체를 이렇게 손쉽게 만들 수 있다.