본문 바로가기
[ 프론트엔드 ]

[ JavaScript ] Computed Property | 계산된 프로퍼티

by 불주먹고양이 2022. 1. 13.

property의 이름을 지정할 때의 새로운 방법이다.

'[]' 를 이용해서 객체의 변수명에 미리 계산된 변수를 넣는 방법이다.

 

 

입력받은 값으로 객체의 변수 이름을 지정하고 싶을 때 사용하기 좋다.

let key = prompt("변수명 입력")

const you = {
  name : 'Jenet',
  age : 22,
  [key] : 'playing soccer',
}

console.log(you)

< 입력 >

hobby

 

< 출력 >

// object Object

 

{

       "name" : "Jenet",

       "age" : "22",

       "hobby" : "playing soccer"

}