프로그래밍/자바스크립트

[JavaScript] Shorthand propert란?

You_mool 2023. 8. 11. 18:39
반응형

Shorthand property는 ECMAScript 2015 (ES6)에서 도입된 JavaScript의 객체 초기화 문법의 한 부분입니다. 이 기능은 객체의 속성을 더 간결하고 가독성 있게 정의할 수 있게 해줍니다.

let firstName = "John";
let lastName = "Doe";

let person = {
    firstName: firstName,
    lastName: lastName
};

console.log(person); // {firstName: "John", lastName: "Doe"}

원래는 person안에 변수의 값을 넣으려면 위와 같이 하나씩 똑같은 이름을 작성해줘야 했으나 어차피 이름이 같으니 바로 초기화가 가능하도록 해주는 문법입니다.

let firstName = "John";
let lastName = "Doe";

let person = {
    firstName,
    lastName
};

console.log(person); // {firstName: "John", lastName: "Doe"}

Swift를 주로 사용했는데 자바스크립트가 이런건 진짜 편리한 거 같네요,,,,

반응형