Javascript - 단축 / 계산 속성명

단축 속성명

단축 속성명이란,
key, value를 이용해 object를 만들때 미리 선언한 변수로 object를 편리하게 만들 수 있는 JS의 기능이다.

미리 생성되어 있는 데이터, 파라미터로 전달받은 데이터를 재사용할 수 있게 된다.

// 사용 전
const testFuncA = (username, age) => {
	return {username: username, age: age}
}

// 사용 후
const testFuncB = (username, age) => {
	return {username, age}
}

계산된 속성명

object의 속성명을 동적으로 변경하며 사용할 수 있게 도와주는 기능이다.

// 사용 전
const testFuncA = (key, val) => {
	let obj = {};
  	obj[key] = val;
  	return obj;
}


// 사용 후
const testFuncB = (key, val) => {
	return {
      [key]: value
    }
}