[JS교양] Property Shorthand | 객체에 속성 추가하는게 귀찮아요

Property Shorthand (단축 속성명)

ES6부터 무려..! 단축 속성명을 사용할 수가 있다. 단축 속성명을 쓰면 변수를 객체의 `속성/값` 으로 바로 할당할 수가 있다. 보통 객체에 데이터를 저장할 때 변수를 사용할 것이다. 그리고 객체의 속성명은 변수명과 동일하게 짓는 경우가 많은데 `변수명`과 `속성명`이 동일하다 는 조건에 한해서 단축 속성명을 사용할 수가 있다. 

 

---

 

예시

더 이상 설명 못하겠으니 예시를 보도록 하자.

let name = "길동";
let age = "30";

let obj = {
    name: name, 
    age: age
};

가장 기본적인 객체에 데이터를 할당하는 문법이다. {`속성`: `값`, `속성`: `값` ....}  그리고 보통 변수명과 속성명을 동일하게 많이들 사용한다.(고 알고 있음)

 

그럼 단축 속성명을 사용해서 `obj`에 값을 넣어주자.

// 단축 속성명 : property shorthand
let name = "길동";
let age = "30";

// let obj = {name, age};
let obj = {
    name, 
    age
};

확인할 것도 없이 값은 잘 들어갔을 것이다. 타이핑의 노력을 무려 절반으로 줄여 준다.

 

 

 

- 끝 -