shorthand properties (ECMAScript 2015)

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')

return 문을 자세히 보면 원래는 아래의 코드처럼 넘겨야 하지만 shorthand properties를 이용해 넘기면 value를 생략해도 상관없다.

return {
	filename : filename,
    ext : ext
}