자바스크립트 - 단축 속성명 (Shorthand Property Names)

자바스크립트 전체 링크

 

아래와 같은 test object를 만들고 log로 출력해보자.

const test = {
    fileName: fileName,
    size: size,
    date: "2021-07-25",
    getFileName() { return this.fileName; }
}

console.log(test);
console.log(test.getFileName());

 

단축 속성명을 이용하면, 아래와 같이 object의 속성값 이름이 같은 경우 간결하게 test를 나타낼 수 있다.

const fileName = "test.csv";
const size = 50;

const test = {
    fileName,
    size,
    date: "2021-07-25",
    getFileName() { return this.fileName; }
}

 

또한 콘솔 출력 시, 간편하게 사용하는 방법도 가능하다.

const fileName = "test.csv";
const size = 50;

console.log({ fileName, size });

 

console.log("fileName = ", fileName);와 같이 로그를 작성하지 않고, 변수명와 값을 바로 출력할 수 있다.