Javascript Object 선언할 때 Key에 [] 사용하기

Javascript(자바스크립트)에서 Object를 선언할 때 Key 부분에 []를 사용할 수 있습니다.

var x = {
  a: 10,
  "b": 20,
  ["c"] : 30,
};
console.log(x);

{a: 10, b: 20, c: 30}

[]를 사용했을 때의 장점은 Key 값으로 변수를 사용할 수 있다는 점입니다.

var s = "age";
var x = {
  name: "Kim",
  [s]: 25
};
console.log(x);

{name: "Kim", age: 25}

s변수의 값인 age가 Object의 Key값이 되었습니다.

Property를 추가할 때도 변수를 사용할 수 있습니다.

var x = {
  name: "Kim",
  age: 25,
}
var s = "address";
x[s] = "Seoul";
console.log(x.address);

Seoul