JavaScript - shorthand properties

23 Aug 2020 in JS on 공부, Javascript

이제부터 enhanced object functionalities를 볼 것이다.

shorthand properties는 프로퍼티 축약이라는 말이다.

var x = 10
var y = 20

var obj = {
  x: x,
  y: y
}//말고

var obj = {
  x,
  y
} //라고 해도 된다.

프로퍼티의 key와 value에 할당할 변수명이 동일한 경우 value 생략이 가능하다.

함수에서 객체를 리턴할 때

const converExtension = (fullFileName) => {
  const fullFileNameArr = fullFileName.split('.')
  const filename = fullFileNameArr[0]
  const ext = fullFileNameArr[1] && fullFileNameArr[1] === 'png' ? 'jpg' : 'gif'
  return{
    filename,
    ext
  }
}
convertExtension['abc.png']

destructuring assignment

const {
  name,
  age
} = {
  name: 'YJ',
  age : 99
}
console.log(name,age) //변수 두개를 만든것 같은 효과