[자바스크립트] shorthand property, 프로퍼티의 key와 value에 할당할 변수명이 동일한 경우

var x = 10
var y = 20
var obj = {
  x: x,
  y: y
}

이렇게 key와 value에 할당할 변수가 동일할 경우 생략이 가능하다.

const x = 10
const y = 20
const obj = {
  x,
  y
}

 

활용을 한다면?

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

파일의 이름에서 확장자를 분리해서 객체로 보내고 싶다면? 굳이 filename : filename을 할 필요 없다.