Javascript) 단축 속성 문법

안녕하세요, 코린이의 코딩 학습기 채니 입니다.

 

개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다.

---

단축속성문법 (ES6)

- 속성명 : 속성값

- 속성으로 변수를 전달하면, 자동으로 변수명 : 값으로 처리

 

HTML 코드

<button onclick="test5();">단축속성문법</button>

 

Javascript 코드

const test5 = () => {
    const name = '홍길동';
    const lang = 'Javascript';

    const dev = {name, lang};
    console.log(dev);
}

속성으로 변수를 전달하였더니 자동으로 변수명 : 값으로 처리된 것을 확인할 수 있습니다.

 

일반 객체 생성 문법과 혼용하여 사용할 수도 있습니다.

const test5 = () => {
    const name = '홍길동';
    const lang = 'Javascript';

    const dev = {name, lang, career : 10};
    console.log(dev);
}